Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : padding
смотрим также
-
ФК "Динамо": Nike станет техническим спонсором московского "Динамо".
Материал из Справочник 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms534317(VS.85).aspx