Proprietà right del style
- Pagina precedente resize
- Pagina successiva scrollBehavior
- Torna al livello superiore Oggetto Style DOM
Definizione e uso
right
Imposta o restituisce la posizione laterale destra dell'elemento di posizionamento.
Questa proprietà determina la posizione laterale destra dell'elemento, inclusi il margine interno, la barra di scorrimento, il bordo e il margine esterno.
Suggerimento:L'elemento di posizionamento è impostato su position:relative
、absolute
o fixed
elemento.
Suggerimento:Per impostare o restituire la posizione laterale sinistra dell'elemento di posizionamento, utilizzare Proprietà left。
Vedi anche:
Tutorial CSS:Posizionamento CSS
Manuale CSS:Proprietà right
Esempio
Esempio 1
Imposta la posizione laterale destra dell'elemento <div>:
document.getElementById("myDIV").style.right = "100px";
Esempio 2
Usa un valore negativo - imposta la posizione laterale destra dell'elemento <div>:
document.getElementById("myDiv").style.right = "-100px";
Esempio 3
Restituisce la posizione laterale destra dell'elemento <div>:
alert(document.getElementById("myDiv").style.right);
Sintassi
Restituisce la proprietà right:
oggetto.style.right
Imposta la proprietà right:
oggetto.style.right = "auto|length|%|initial|inherit"
Valore dell'attributo
Valore | Descrizione |
---|---|
auto | Lascia che il browser imposti la posizione laterale destra. Predefinito. |
length | Definisci la posizione laterale destra con unità di lunghezza. Permette valori negativi. |
% | Imposta la posizione laterale destra in percentuale rispetto alla larghezza dell'elemento padre. |
initial | Imposta questa proprietà al suo valore predefinito. Vedi initial。 |
inherit | Eredita questa proprietà dal suo elemento padre. Vedi inherit。 |
Dettagli tecnici
Valore predefinito: | auto |
---|---|
Valore di ritorno: | Stringa che rappresenta la posizione laterale destra dell'elemento di posizionamento. |
Versione CSS: | CSS2 |
Supporto del browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Supporto | Supporto | Supporto | Supporto | Supporto |
- Pagina precedente resize
- Pagina successiva scrollBehavior
- Torna al livello superiore Oggetto Style DOM