CSS box-sizing для всех элементов

Свойство CSS box-sizing значительно облегчает работу с элементами, имеющими подложку и границы. Вот набор правил, который применит свойство box-size ко всем элементам.

Чтобы применить box-sizing: border-box; ко всем HTML-элементам на странице, включите следующий фрагмент CSS:

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

Это работает для любого браузера, который понимает box-sizing, -moz-box-sizing или -webkit-box-sizing. При использовании этого кода box-sizing будет применяться ко всем элементам, включая псевдоэлементы :before и :after.

Вот диаграмма, показывающая широту поддержки этой техники браузерами:

https://caniuse.com/#feat=css3-boxsizing

Даже Internet Explorer 8 и Opera Mini могут иметь box-sizing! 🙂

Оцените статью
devanswers.ru
Добавить комментарий