Набивка (padding)

Дата добавления: 2015-07-09; просмотров: 502; Нарушение авторских прав

Текст всередині блоку починається не від самої його границі. Між границею і змістом блоку є вільний простір. Він називається внутрішній відступ текстового блоку або padding. Разом із зовнішнім відступом (margin) текстового блоку padding утворить загальне поле відступу від границі охопленого блокового елемента розмітки.

Для цього прикладу при описі параграфа використовувався стиль:

P { padding-left:100px;text-align:left; border-width:1px; }

У блоці тексту існує чотири сторони. Відповідно, padding може бути:

padding-left — лівий внутрішній відступ, що визначає відстань від лівого краю блоку до його змісту;
padding-right — правий внутрішній відступ, що визначає відстань від правого краю блоку до його змісту;
padding-top — верхній внутрішній відступ, що визначає відстань від верхнього краю блоку до його змісту;
padding-bottom — нижній внутрішній відступ, що визначає відстань від нижнього краю блоку до його змісту;
padding — визначає єдиний розмір внутрішнього відступу блоку. Цей параметр задається у випадку однакового розміру відступу від усіх сторін блоку.

P { padding-left:100px; padding-right:50px;padding-top:20px; padding-bottom:10px;text-align:left; border-width:1px; }

При встановленні padding варто пам'ятати, що цей параметр задає розмір відступу від границі блоку до границі зовнішнього відступу (margin) змісту блоку. З цієї причини загальний розмір поля може виявитися більшим, ніж задано в параметрі padding.

<== предыдущая лекция	\|	следующая лекция ==>
Відступи (margin)	\|	Границя (border)