right

Оновлено: 16.01.2023

right

Для позиціонованого елемента визначає відстань від правого краю батьківського елемента, не враховуючи відступ, поле і ширину рамки, до правого краю дочірнього елемента. Відлік координат залежить від значення властивості position. . Якщо воно дорівнює absolute, у ролі батьківського елементу виступає вікно браузера і положення елемента визначається від його правого краю (рис. 1). У разі значення relative, right відраховується від правого краю вихідного положення елемента. Якщо для батьківського елемента задано position: relative, то абсолютне позиціонування дочірніх елементів визначає їхнє положення від правого краю батьківського (рис. 2).

Рис. 1. Значення властивості right відносно вікна браузера
Рис. 2. Значення властивості right відносно батьківського елементу

Коротка інформація

Значення за замовчуванням auto
Успадковуєтсья Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис

right: <розмір> | <відсотки> | auto

Значення

Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) тощо. Значення властивості right може бути й від'ємним, у такому разі можливі накладення різних елементів один на одного. При заданні значення у відсотках, положення елемента обчислюється залежно від ширини батьківського елемента.

auto Не змінює положення елемента.

Приклад

Об'єктна модель

Об'єкт.style.right

Примітка

У браузері Internet Explorer до версії 7 для абсолютно позиціонованих елементів не можна одночасно задати властивості top, left, right, bottom.

Браузери

right

Переглянути сумісність з Can I use?

right