Przykład
Ustaw prawą krawędź umieszczona absolutnym <div> elementu 20 pikseli na lewo od prawej krawędzi najbliższego umieszczonej przodka:
div.absolute {
position: absolute;
right: 20px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
Spróbuj sam " Definicja i Wykorzystanie
Dla elementów pozycjonowanych absolutnie, prawo własności ustawia prawą krawędź elementu do jednostki w lewo / prawo od prawej krawędzi najbliższego umieszczony przodka. Uwaga: W przypadku absolutny elementu pozycjonowanego ma umieszczone przodków, wykorzystuje ciało dokumentu, a porusza się wraz z przewijaniem strony. Uwaga: "positioned" elementem jest ten, którego pozycja jest coś oprócz statycznych.
Dla elementów pozycjonowanych relatywnie, prawo własności ustawia prawą krawędź elementu do jednostki w lewo / prawo do swojej normalnej pozycji.
Note: Jeśli "position:static" , prawo własności nie ma znaczenia.
Domyślna wartość: | auto |
---|---|
Dziedziczny: | no |
Animatable: | yes. Read about animatable Try it |
Wersja: | CSS2 |
Składnia JavaScript: | object .style.right="200px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
right | 1,0 | 5,5 | 1,0 | 1,0 | 5,0 |
Składnia CSS
right: auto|length|initial|inherit;
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
auto | Pozwala przeglądarka obliczyć właściwą pozycję ostrza. Jest to domyślny | Graj " |
length | Ustawia właściwą pozycję krawędzi w pikselach, cm, itp Wartości ujemne są dozwolone | Graj " |
% | Ustawia właściwą pozycję ostrza w% zawierający element. Wartości ujemne są dozwolone | Graj " |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS pozycjonowania
Odniesienia CSS: left property
Odniesienia CSS: bottom property
Odniesienia CSS: top property
HTML DOM referencyjny: right property