Esempio
Impostare il bordo destro della posizionato assoluto <div> elemento 20px a sinistra del bordo destro del suo antenato posizionato più vicino:
div.absolute {
position: absolute;
right: 20px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
Prova tu stesso " Definizione e utilizzo
Per gli elementi posizionati in modo assoluto, il diritto di proprietà imposta il margine destro di un elemento di una unità a sinistra / destra del bordo destro del suo antenato posizionato più vicino. Nota: Se un elemento posizionato in assoluto non ha antenati posizionati, utilizza il corpo del documento, e si muove insieme a scorrimento della pagina. Nota: Un "positioned" elemento è uno la cui posizione è nulla se non statica.
Per gli elementi posizionati in modo relativo, la proprietà destra imposta il bordo destro di un elemento ad un'unità a sinistra / destra nella sua posizione normale.
Note: Se "position:static" , il diritto di proprietà non ha alcun effetto.
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.right="200px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSS Sintassi
right: auto|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Consente il browser calcolare la posizione del bordo destro. Questa è l'impostazione predefinita | Gioca " |
| length | Imposta la posizione del bordo destro in px, cm, ecc valori negativi sono consentiti | Gioca " |
| % | Imposta la posizione del bordo destro in% di contenere elemento. I valori negativi sono consentiti | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Posizionamento CSS
Riferimento CSS: left property
Riferimento CSS: bottom property
Riferimento CSS: top property
Di riferimento HTML DOM: right property