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

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

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


Содержание

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

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

Синтаксис

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

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

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

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

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

Замечания

Поле - это расстояние от внутреннего края границы элемента до воображаемого прямоугольника, который ограничивает его содержимое.

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

Значение padding-right не может задаваться отрицательным числом.

Примеры

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

В первом примере используется атрибут padding-right и тэг TD, чтобы задать для всех ячеек таблицы поле отступа от правого края равным 1 сантиметру.

<STYLE>
    TD { padding-right:1cm }
</STYLE>

Во втором примере применяется свойство paddingRight для установки поля от правого края объекта равным 1 сантиметру при наведении курсора мыши на изображение

<TD onmouseover="this.style.paddingRight='1cm'"
    onmouseout="this.style.paddingRight=''">
    <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/ms534320(VS.85).aspx

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

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