CSS Box-Sizing Property

Опубликовано: 17 Март 2020
на канале: A shot of code
1,103
71

In this tutorial we look at the Css Box Sizing property and how it allows us to have more control over how elements are sized. By default this is set to 'content-box' which is not something that we really want as it means any changes to the border on an element will cause a size change and may affect the layout of the page. To resolve this we set the Box-Sizing property to be 'border-box' and this means any width we apply to an element will include the size of the borders in its calculations.

We also look at how to apply this change to all elements via the * CSS selector:

{
box-sizing: border-box;
}


Смотрите видео CSS Box-Sizing Property онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь A shot of code 17 Март 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,10 раз и оно понравилось 7 людям.