padding

Задает внутреннее со всех сторон поле (расстояние между текстом (элементом) и рамкой обрамляющей текст (элемент).

Ограничения padding


1.{padding:0px;}

При верстке нужно ставить все тегам html документа padding равное нулю, чтобы избавится от отступов существующих в каждом браузере.
На эти отступы можно было бы и не обращать внимание, если бы не одно обстоятельство: у всех бразуеров они разные!

2. Следует помнить, что при использовании padding ширина и высота элемента будет увеличина на значение padding.

padding - Позволяет задать внутренний отступ от элемента до невидимой рамки элемента со всех сторон.

Синтаксис:

p {padding:значение;}

Значение по умолчанию

auto

Обьектная модель:

[window.]document.getElementById("elementID").style.padding


При испльзовании свойства padding можно использовать 1, 2, 3 или 4 аргумента.

Внутренний отступы можно задавать точные - в пикселях (px), и относительные - процентах (%).

4 аргумента:
p {padding:10px 10px 10px 10px;}

При использовании 4 атрибутов можно задать разные внутренние отступы для каждой стороны.

3 аргумента:
p {padding:10px 10px 10px;}

Первый аргумент задает внутренний отступ сверху от элемента.
Второй аргумент задает внутренний отступ слева и справа от элемента.
Третий аргумент задает внутренний отступ снизу от элемента.

2 аргумента:
p {padding:10px 10px;}

Первый аргумент задает внутренний отступ сверху и снизу от элемента.
Второй аргумент задает внутренний отступ слева и справа от элемента.

1 аргумент:
p {padding:10px;}

Используется для того, чтоб одновременно задать внутренние отступы для всех сторон.

 

Добавить комментарий


Защитный код
Обновить


Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D