Свойства вертикального форматирования

С вертикальным форматированием, как и с горизонтальным, связаны семь свойств: margin-top, border-top, padding-, height, padding-bottom, border-bottom и margin-bottom. Значения этих семимсвойств должны равняться высоте блока контейнера элемента. Обычно это значение height родителя блочного элемента (поскольку родителями блочных элементов практически всегда являются блочные элементы). Только для трех из этих семи свойств может быть задано значение auto: для свойства height содержимого элемента и для верхнего и нижнего полей. Верхнему и нижнему отступам и рамкам должны быть присвоены конкретные значения, в противном случае по умолчанию им будут присвоены нулевые значения (если не объявлено свойство border-style). Если border-style задано, ширина рамки задается как довольно неопределенное значение medium.

Любопытно, что если для свойств margin-top или margin-bottom блочного элемента в нормальном потоке задано значение auto, то им автоматически присваивается 0. Нулевое значение, к сожалению, усложняет вертикальное центрирование элементов в их блоках контейнерах. Это также означает, что если задать для верхнего и нижнего полей значение auto, то они переопределяются в 0 и удаляются из блока элемента. Свойству height должно быть присвоено значение auto или некоторое неотрицательное значение.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Автоматическое определение высоты
Блок-контейнер
Блок-контейнер
Блочные элементы
Вертикальное выравнивание