Правило right определяет, насколько далеко переместится элемент относительно его правого края. Конкретное смещение зависит от присвоенного ему значения: - При position:fixed; элемент будет двигаться влево/вправо по отношению к правому краю окна браузера.
- Если задать position:absolute;, то смещение произойдёт относительно правого края ближайшего предка с позиционированием. При отсутствии такого предка – от правого края окна.
- С position:relative; элемент смещается относительно своей исходной позиции по правому краю.
- Для position:static; свойство right игнорируется и ничего не меняет.
Примечание: отрицательные значения допустимы – они создают эффект «оттягивания» элемента в противоположную сторону. | Значение по умолчанию: | auto |
|---|
| Наследуется: | нет |
|---|
| Версия: | CSS2 |
|---|
| Синтаксис JavaScript: | object.style.right="50px" |
|---|
| Значение | Описание |
|---|
| auto | Браузер сам определит положение правого края. | | расстояние | Указывает конкретное расстояние от правого края в поддерживаемых единицах измерения. | | % | Процентное смещение рассчитывается относительно ширины окна или предка ( + ). | | inherit | Значение наследуется от родительского элемента. |
Пример
|