Набивка(padding)   

Текст внутри блока начинается не от самой границы блока. Между рубежом и оглавлением блока есть свободное пространство. Оно носит наименование внутреннего отступа текстового блока либо padding. Коллективно с внешним отступом(margin) текстового блока padding образует всеобщее поле отступа от границы охватывающего блок элемента разметки.

Графически padding дозволено проиллюстрировать на примере левого внутреннего отступа текста в параграфе:

 

Для этого примера при изложении параграфа применялся жанр:

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

Для того, дабы браузер положительно отображал жанры, не следует размещать изложение жанра на нескольких строчках, как это сделано в примере. Для IE это не имеет значения, а NN может "споткнуться".

У блока текста существует четыре стороны. Соответственно padding может быть:

padding-left:

левый внутренний отступ, тот, что определяет расстояние от левого края блока до его оглавления.

padding-right:

правый внутренний отступ, тот, что определяет расстояние от правого края блока до его оглавления.

padding-top:

верхний внутренний отступ, тот, что определяет расстояние от верхнего края блока до его оглавления.

padding-bottom:

нижний внутренний отступ, тот, что определяет расстояние от нижнего края блока до его оглавления.

padding:

определяет цельный размер внутреннего отступа блока. Данный параметр задается в случае идентичного размера поля отступа от всех сторон блока.

Проиллюстрируем использование padding примером:

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

 

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

далее...