Мы используем файлы cookie
Мы используем файлы cookie для улучшения работы сайта и предоставления вам персонализированного опыта. Правила использования файлов cookie можно найти в нашей политике конфиденциальности
Блочная модель CSS описывает, как элементы отображаются на странице как прямоугольные блоки. Она состоит из четырех зон, или слоев, которые накладываются друг на друга, начиная с содержимого:
Content (Содержимое): Область, где располагается реальное содержимое элемента (текст, изображения и т.п.). Его размер определяется свойствами width
и height
.
Padding (Внутренний отступ): Прозрачная область между содержимым и границей элемента. Задается свойствами padding-top
, padding-right
, padding-bottom
, padding-left
или сокращенным padding
.
Border (Граница): Линия, окружающая Padding и Content. Ее стиль, толщина и цвет задаются свойствами border-width
, border-style
, border-color
или сокращениями, например border
.
Margin (Внешний отступ): Прозрачная область вокруг границы элемента, отделяющая его от других элементов. Задается свойствами margin-top
, margin-right
, margin-bottom
, margin-left
или сокращенным margin
. Маржины соседних блоков могут схлопываться.
Стандартное поведение, описываемое box-sizing: content-box
(по умолчанию), определяет, что свойства width
и height
относятся только к блоку содержимого (`Con
Блочная модель CSS описывает, как элементы отображаются на странице как прямоугольные блоки. Она состоит из четырех зон, или слоев, которые накладываются друг на друга, начиная с содержимого:
Content (Содержимое): Область, где располагается реальное содержимое элемента (текст, изображения и т.п.). Его размер определяется свойствами width
и height
.
Padding (Внутренний отступ): Прозрачная область между содержимым и границей элемента. Задается свойствами padding-top
, padding-right
, padding-bottom
, padding-left
или сокращенным padding
.
Border (Граница): Линия, окружающая Padding и Content. Ее стиль, толщина и цвет задаются свойствами border-width
, border-style
, border-color
или сокращениями, например border
.
Margin (Внешний отступ): Прозрачная область вокруг границы элемента, отделяющая его от других элементов. Задается свойствами margin-top
, margin-right
, margin-bottom
, margin-left
или сокращенным margin
. Маржины соседних блоков могут схлопываться.
Стандартное поведение, описываемое box-sizing: content-box
(по умолчанию), определяет, что свойства width
и height
относятся только к блоку содержимого (`Con
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.