Как сделать фаски у прямоугольного блока?
Одним свойством - нет, нельзя.
Lea Verou пыталась пролоббировать в стандарт такую фишку, но пока что вроде бы решили отложить.
lea.verou.me/2013/03/border-corner-shape-is-in-dan...
На текущий момент это только симулировать и костылить. Есть вариант с SVG, есть вариант с четверным фоном от углов к центру, еще несколько совсем уж адских хаков... Можешь поискать, оно несложно гуглится. Но лучше не забивать голову себе этой дребеденью - лучше SVG.
Может поможет так!<div id="orange"></div>#orange {
	width: 100px;
	height: 100px;
	background: #FF6A00;
	position: relative;
}
 
#orange:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;    
	border-bottom: 29px solid #FF6A00;
	border-right: 30px solid #F3F5F6 ;
	width: 70px;
	height: 0;
}
 
#orange:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;    
	border-right: 30px solid #eee;
	width: 70px;
	height: 0;
}
Ссылка на пример https://jsfiddle.net/miha8722/ezbnduo9/