Proprietà CSS right
- pagina precedente ridimensiona
- Pagina successiva rotate
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; }
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 |
- pagina precedente ridimensiona
- Pagina successiva rotate