Proprietà CSS right

Definizione e uso

L' attributo right definisce l' estremità destra dell' elemento. Questa proprietà definisce l' offset tra il margine esterno destro dell' elemento posizionato e il margine destro del blocco contenente.

Nota:Se il valore dell' attributo "position" è "static", l' impostazione dell' attributo "right" non ha alcun effetto.

Spiegazione

Per gli elementi statici, è auto; per i valori di lunghezza, è la lunghezza assoluta corrispondente; per i valori percentuali, è il valore specificato; altrimenti è auto.

Per gli elementi definiti relativamente, il valore calcolato di left è sempre uguale a right.

Vedi anche:

Lezione CSS:Posizionamento CSS

Manuale HTML DOM:Attributo right

Esempio

Impostare l' estremità destra dell' immagine a 5 pixel a sinistra dell' estremità destra dell' elemento contenente:

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

Prova da solo

Sintassi CSS

right: auto|lunghezza|initial|inherit;

Valore dell' attributo

Valore Descrizione
auto Valore predefinito. La posizione dell' estremità destra è calcolata dal browser.
% Impostare la posizione destra dell' elemento in percentuale rispetto all' elemento contenente. Può utilizzare valori negativi.
lunghezza Impostare la posizione destra dell' elemento utilizzando unità come px, cm, ecc. Può utilizzare valori negativi.
inherit Definisce che l' attributo right deve essere ereditato dal valore dell' elemento genitore.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.right="50px"

Altri esempi

Impostare l' estremità destra dell' immagine utilizzando un valore fisso
Questo esempio dimostra come impostare l' estremità destra dell' immagine utilizzando un valore fisso.
Impostare l' estremità destra dell' immagine utilizzando il valore percentuale
Questo esempio dimostra come impostare l' estremità destra dell' immagine utilizzando il valore percentuale.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta pienamente questa proprietà.

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