Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : padding

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут padding | Свойство padding

Это свойство позволяет задать расстояние от элемента до его границы (border) или от элемента до отступа (margin).

Синтаксис

HTML { padding : sPadding }
Скрипты [ sPadding = ] object.style.padding

Возможные значения

sPadding
Строка, которая может определять и принимать одно из следующих значений:
length Задается вещественным числом. Можно использовать как абсолютные единицы измерения (cm, mm, in, pt, или pc), так и относительные (em, ex, или px).
percentage Задается целочисленно в процентах (%). Высота отступа будет равна части (в процентах) от ширины родительского элемента.

У свойства есть значение по умолчанию, равное 0. Это справедливо для объектов следующего вида: TD 1 TH 1

Атрибут padding не наследуется.

Замечания

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

Одновременно может быть определено до четырех значений для данного свойства:

Одно значение Поля будут заданы одновременно для всех сторон элемента.
Два значения Первое задает ширину поля от верхнего и нижнего краев элемента, а второе - от левого и правого.
Три значения Первое задает ширину поля от верхнего края, второе - одновременно от левого и правого, третье - от нижнего.
Четыре значения Значения для ширины полей задаются по часовой стрелке, начиная с верхнего края. Порядок задания ширины: верхний, правый, нижний и левый края.

В Internet Explorer 5.5 padding применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.

Примеры

Следующие примеры иллюстрируют применение свойства padding и атрибута padding для задания ширины полей от краев объекта.

В первом примере используется атрибут padding, тэг TD и класс padding1 для одновременного задания полей для объекта TD.

<STYLE>
    TD { padding:3mm 8mm }
    .padding1  { padding:1cm }
</STYLE>
</HEAD> 
<BODY> 
<TABLE BORDER>

    <TD onmouseover="this.className='padding1'"
    onmouseout="this.className=''" ALIGN=middle>
    <IMG src="sphere.jpg">
    </TD>

</TABLE> 

Во втором примере применяется свойство padding для установки полей 0.5 сантиметра для нижнего и верхнего краев и 0.2 сантиметра для левого и правого полей при наведении курсора мыши на объект.

<IMG src="sphere.jpg" onmouseover="this.style.margin='5mm'">

Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Смотри также

CSS Enhancements in Internet Explorer 6

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms534317(VS.85).aspx

https://developer.mozilla.org/en/CSS/padding

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования