Блочная модель 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
Register or sign in to get access to full answers for all questions from the question bank.