Свойство text-indent — управление абзацным отступом

Данное свойство можно применять к блочным областям или ячейкам таблиц. Значение можно задавать в единицах длины или в процентах. Значение в процентах рассчитывается относительно ширины контейнера текущей области. Значение может быть отрицательным, тогда получается выступ (втяжка). Свойство text-indent наследуется.

Свойство padding — внутренний отступ

Для управления внутренним отступом служат свойства группы padding – набор из четырех частных свойств: padding-top, padding-right, padding-bottom и padding-left. Свойство padding является собирательным для этих свойств.

Внутренний отступ нельзя задавать для элементов tr, tbody, thead, tfoot, col и colgroup или для любых элементов, с такими типами отображения.

Отступ можно задавать в единицах длины или в процентах. Если используются проценты, то нужно учитывать, что размер отступа рассчитывается относительно ширины контейнера текущей области (свойство width). Причем это справедливо как для горизонтальных, так и для вертикальных отступов. Значение внутреннего отступа не может быть отрицательным.

При использовании собирательного свойства padding можно применить 4 варианта записи параметров.

• 1 параметр указывает размер внутреннего отступа со всех сторон. Эти два правила эквивалентны:

body {

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

}

body {

padding: 10px;

}

• 2 параметра: первый — вертикальный отступ, второй — горизонтальный. Например:

#info {

padding: 15% 4em;

}

• 3 параметра: первый — отступ сверху, второй — горизонтальные отступы, третий отступ снизу. Эти два правила эквивалентны:

.panel {

padding-top: 5px;

padding-right: 10em;

padding-bottom: 20%;

padding-left: 10em;

}

.panel {

padding: 5px 10em 20%;

}

• 4 параметра: указываются отступы по часовой стрелке, то есть сверху, справа, снизу и слева.

Свойство margin – внешний отступ

Аналогично свойству padding свойство margin является собирательным для частных свойств margin-top, margin-right, margin-bottom и margin-left.

Задавать значения внешних отступов также как и внутренних можно в единицах длины и в процентах. Проценты рассчитываются относительно ширины контейнера текущей области. Кроме того, существует значение auto, которое приводит к различным эффектам.

Внешние отступы нельзя применить для элементов th, td, tr, tbody, thead, tfoot, col, colgroup и любых элементов с данными типами отображения.

Запись параметров для свойства margin ничем не отличается от записи параметров для свойства padding.

Часто бывает нужно отобразить какой-либо блок по середине страницы. Для этого нужно задать для такого блока правило, со следующими объявлениями:

margin-left: auto;

margin-right: auto;

Если к тому же не нужны внешние отступы сверху и снизу, то можно использовать одно простое и короткое объявление:

margin: 0 auto;

Еще одной особенностью внешних отступов является перекрытие примыкающих друг к другу областей. Например, если две области примыкают друг другу и для одной области задан отступ в 50px, а для другой — в 30px, то между ними появится отступ в 50px, а вовсе не в 80 как может показаться на первый взгляд.