Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

box-sizing в CSS 3

Свойство box-sizing указывает метод расчета ширины и высоты
/* синтаксис
box-sizing: content-box | border-box | inherit */

.box1 { 
	width: 300px; /* Ширина блока */
	padding: 10px; /* Поля */
	margin-top: 10px; /* Отступ сверху */
	border: 2px solid #000; /* Параметры рамки */
	box-sizing: border-box; /* Свойства width и height включают в себя значения полей и границ, но не отступов (margin) */
}

.box2 { 
	width: 300px; /* Ширина блока */
	padding: 10px; /* Поля */
	margin-top: 10px; /* Отступ сверху */
	box-sizing: content-box; /* Свойства width и height задают ширину и высоту контента и не включают в себя значения отступов, полей и границ */
}

.box3 {
	box-sizing: inherit; /* Наследует значение родителя */
}