Свойство style right
- Предыдущая страница resize
- Следующая страница scrollBehavior
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
right
Установка или возврат правого положения элемента positioning.
Этот атрибут определяет правое положение элемента, включая отступы, полосы прокрутки, рамки и отступы.
Совет:Элемент positioning устанавливается свойствомrelative
,absolute
или fixed
элементов.
Совет:Чтобы установить или вернуть левое положение элемента positioning, используйте Свойство left.
См. также:
CSS Уроки:CSS Позиционирование
CSS РеференсСвойство right
Пример
Пример 1
Установка правого положения элемента <div>:
document.getElementById("myDIV").style.right = "100px";
Пример 2
Использование отрицательного значения - устанавливает правое положение элемента <div>:
document.getElementById("myDiv").style.right = "-100px";
Пример 3
Возврат правого положения элемента <div>:
alert(document.getElementById("myDiv").style.right);
Синтаксис
Возврат свойства right:
object.style.right
Установка свойства right:
object.style.right = "auto|length|%|initial|inherit"
Значение атрибута
Значение | Описание |
---|---|
auto | Позволяет браузеру установить правое положение. По умолчанию. |
length | Определяет правое положение единицами измерения длины. Допускаются отрицательные значения. |
% | Устанавливает правое положение по百分比 от ширины родительского элемента. |
initial | Установите этот атрибут в его значение по умолчанию. См. initial. |
inherit | Инherits этот атрибут от родительского элемента. См. inherit. |
Технические детали
Default Value: | auto |
---|---|
Возврат значения: | Строка, представляющая правое положение элемента. |
Версия CSS: | CSS2 |
Поддержка браузера
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница resize
- Следующая страница scrollBehavior
- Вернуться на один уровень выше Объект Style HTML DOM