CSS właściwość right

Definicja i użycie

Atrybut right określa prawy margines elementu. Definiuje on odchylenie zewnętrznej krawędzi marginesu elementu w stosunku do prawej krawędzi jego zawierającego bloku.

Komentarz:Jeśli wartością atrybutu position jest "static", ustawienie atrybutu right nie wywoła żadnych efektów.

Opis

Dla elementów statycznych, wartością jest auto; dla wartości długości, odpowiednia wartość absolutna; dla wartości procentowych, określona wartość; w przeciwnym razie auto.

Dla elementów zdefiniowanych względem relatywnego, wartość obliczana dla left zawsze jest równa right.

Zobacz również:

Kurs CSS:CSS pozycjonowanie

Podręcznik HTML DOM:Atrybut right

Przykład

Ustaw prawy margines obrazu na 5 pikseli w lewo od prawego marginesu zawierającego go elementu:

img
  {
  position:absolute;
  right:5px;
  }

Spróbuj sam

Gramatyka CSS

right: auto|length|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Pozycja prawego marginesu jest obliczana przez przeglądarkę.
% Ustawienie prawej pozycji elementu w procentach od szerokości zawierającego go elementu. Można używać ujemnych wartości.
length Ustawienie prawej pozycji elementu za pomocą jednostek takich jak px, cm itp. Można używać ujemnych wartości.
inherit Określa, że wartość atrybutu right powinna być odziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: auto
Inheredność: nie
Wersja: CSS2
Gramatyka JavaScript: obiekt.style.right="50px"

Więcej przykładów

Ustawienie prawego marginesu obrazu za pomocą stałych wartości
Ten przykład pokazuje, jak ustawić prawy margines obrazu za pomocą stałych wartości.
Ustawienie prawego marginesu obrazu za pomocą procentowych wartości
Ten przykład pokazuje, jak ustawić prawy margines obrazu za pomocą procentowych wartości.

Wspieranie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0