English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство right CSS specifies смещение правого края элемента позиционирования относительно рамки объекта参照ения или окна браузера справа.
ДляАбсолютное позиционированиеЭлемент, для которого свойство right specifies расстояние от правого края рамки элемента до правого края его содержимого.
ДляОтносительное позиционированиеЭлемент, для которого свойство right specifies смещение правого края рамки относительно herself правого края (т.е. для рамки specifies нормальное положение в нормальном потоке, а затем смещается от этого положения в соответствии с этими свойствами).
Таблица ниже описывает использование и историю версий этого свойства, а также использование этого свойства в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Применяется к: | Элементы позиционирования |
| Ингерит: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к Анимационные свойства. |
| Версия: | CSS 2, 3 |
| JavaScript грамматика: | object.style.right="150px" |
Грамматика этого свойства такая:
right: length | percentage | auto | initial | inherit
Ниже приведен пример использования свойства right.
p {
position: absolute;
right: 150px;
}Протестируйте, посмотрите‹/›Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| length | Числовое значение в единицах px, pt, cm, em и т.д., разрешены отрицательные значения. |
| percentage | Указать процентное смещение. Расчет процента относительно ширины блока содержимого элемента. Разрешены отрицательные процентные значения. |
| auto | Браузер вычисляет положение правого края. Это значение по умолчанию. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если задан, то связанный элемент принимает значение свойства right родительского элемента. |
Совместимость браузеров для свойства right, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим учебникам:CSS положение,CSS слой.