Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : right

смотрим также

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

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


Содержание

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

Задает расстояние от правого края элемента до правого края его родительского объекта.

Синтаксис

HTML { right : sPosition }
Скрипты [ sPosition = ] object.style.right

Используемые значения

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

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Вы можете использовать атрибут right только тогда, когда задан атрибут position. Иначе, значение атрибута right проигнорируется.

Значение свойства right является строковым, поэтому его нельзя использовать в вычислениях. Вместо него применяйте значения свойств pixelRight или posRight.

В качестве родительского элемента для объекта может выступать окно браузера.

Примеры

В примере используется атрибут right для задания позиции элемента div в 50 пикселях от правого края родительского объекта.

<DIV STYLE = "position:absolute; right:50px">
. . .
</DIV>

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 2 (CSS2)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0, 3.5

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms531149(VS.85).aspx

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

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