Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : padding-top
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут padding-top | Свойство paddingTop
Это свойство позволяет задать расстояние (поле) от верхнего края элемента до его границы (border) или от верхнего края элемента до отступа (margin).
Синтаксис
HTML | { padding-top : sPadding } |
Скрипты | [ sPadding = ] object.style.paddingTop |
Возможные значения
- sPadding
- Строка, которая может определять и принимать одно из следующих значений:
length Задается вещественным числом. Можно использовать как абсолютные единицы измерения (cm, mm, in, pt, или pc), так и относительные (em, ex, или px). percentage Задается целочисленно в процентах (%). Высота отступа будет равна части (в процентах) от ширины родительского элемента.
У свойства есть значение по умолчанию, равное 0. Это справедливо для объектов следующего вида: TD 1 TH 1
Атрибут padding-top не наследуется.
Замечания
Поле - это расстояние от внутреннего края границы элемента до воображаемого прямоугольника, который ограничивает его содержимое.
В Internet Explorer 5.5 padding-top применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.
Значение padding-top не может задаваться отрицательным числом.
Примеры
Следующие примеры иллюстрируют применение свойства paddingTop и атрибута padding-top для задания ширины полей от верхнего края объекта.
В первом примере используется атрибут padding-top и тэг TD, чтобы задать для всех ячеек таблицы поле отступа от верхнего края равным 1 сантиметру.
<STYLE> TD { padding-top:1cm } </STYLE>
Во втором примере применяется свойство paddingTop для установки поля от верхнего края объекта равным 1 сантиметру при наведении курсора мыши на изображение
<TD onmouseover="this.style.paddingTop='1cm'" onmouseout="this.style.paddingTop=''"> <IMG src="sphere.jpg"> </TD>
Стандарты
Это свойство определено в 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/ms534321(VS.85).aspx