right
Поддержка браузерами
| 12.0+ | 5.5+ | 1.0+ | 1.0+ | 5.0+ | 1.0+ |
Описание
CSS свойство right указывает смещение позиционированного элемента относительно правого края. Как именно свойство right будет смещать элемент, зависит от конкретного значения свойства position:
- Элемент с фиксированным позиционированием (position: fixed;) смещается влево/вправо относительно правого края окна браузера.
- Элемент с абсолютным позиционированием (position: absolute;) смещается влево/вправо относительно правого края его первого позиционированного (не static) элемента предка. Если у элемента нет предка с позиционированием (relative, absolute или fixed), тогда он будет смещаться относительно правого края окна браузера.
- Элемент с относительным позиционированием (position: relative;) смещается влево/вправо относительно правого края его текущей позиции.
- Для элемента со статическим позиционированием (position: static;) применение свойства right не даст никакого эффекта.
Примечание: допускается использование отрицательных значений.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к позиционированным элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.right="50px" |
Синтаксис
right: auto|величина|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| auto | Элемент остаётся на своём месте. |
| величина | Определяет величину смещения в единицах измерения, используемых в CSS. |
| % | Величина смещения, указанная в процентах, обрабатывается следующим образом:
|
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
right:
Результат:
Изменяйте значение для просмотра результата.
CSS Код:
div#myBox {
background-color: yellow;
width: 100px;
position: relative;
right: 0px;
}
background-color: yellow;
width: 100px;
position: relative;
right: 0px;
}