The Wayback Machine - https://web.archive.org/web/20090709123551/http://cssmake.ru:80/component/content/article/2/55.html

padding

( 0 - user rating )

Краткое описание свойства padding

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

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


1. * {padding:0px;}

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


2. Слудует помнить, что при использовании padding ширина и высота элемента будет увеличина на значение 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;}

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

Комментарии  

 
-1 # Sanek 2009-06-11 15:28 при использовании 4 атрибутов, как понять, какая последовательно сть отступов задается? неужели нельзя написать,что сперва идет отступ слева, потом сверху и т.п. или все надо делать методом тыка? очень неудобный сайт! все теги и свойства расписаны кое как, дурацкая библиотека, в общем какшка с претензией на актуальность :( Ответить | Ответить с цитатой | Цитировать
 
 
0 # ni_x 2009-06-11 19:27 ну во-первых сперва идет отступ сверху, а не слева ;)

А во-вторых это Ваше личное субъективное мнение, меня оно конечно не радует. Но в данный момент из-за Вас я не готов переписать описание свойств.
Ответить | Ответить с цитатой | Цитировать
 

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


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

odnaknopka.ru/kolyan.cz
Morty Proxy This is a proxified and sanitized view of the page, visit original site.

Переводы


укладка напольного покрытия
Work-Market.ru - Рынок Труда, работа резюме и вакансии, поиск работы

Selectutorial

Селекторы в действии

listutorial

Изображения для маркеров списка

турция белек туры в лучшие отели на coral.ru
статьи
Morty Proxy This is a proxified and sanitized view of the page, visit original site.