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.