English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

MANUALE DI RIFERIMENTO CSS

REGOLE @CSS

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo right CSS

L'attributo right CSS specifica l'offset del margine destro dell'elemento posizionato rispetto al margine destro del riquadro dell'elemento di riferimento o della finestra del browser.

  • PerPosizionato assolutamenteElemento, l'attributo right specifica la distanza di spostamento del margine destro del riquadro dell'elemento rispetto al margine destro del contenitore.

  • PerPosizionato relativamenteElemento, l'attributo right specifica l'offset del margine destro del riquadro dell'elemento rispetto al margine destro del riquadro contenitore (cioè posiziona l'elemento nel flusso normale, quindi si sposta da questa posizione in base a questi attributi).

La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:auto
Applicabile a:Elemento posizionato
Ereditarietà:No
Animabile:Sì.Si prega di consultare Proprietà animazione.
Versione:CSS 2、3
Sintassi JavaScript:oggetto.style.right="150px"

Sintassi dell'uso di right

La sintassi di questa proprietà è la seguente:

right: length | percentage | auto | initial | inherit

Gli esempi seguenti illustrano come utilizzare l'attributo right.

  p {
   position: absolute;
   right: 150px;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthValore numerico espresso in px, pt, cm, em, ecc.; è possibile utilizzare valori negativi.
percentageSpecificare l'offset percentuale. Calcolato come percentuale della larghezza del blocco contenitore dell'elemento. È possibile utilizzare valori percentuali negativi.
autoIl browser calcola la posizione del margine destro. Questo è il valore predefinito.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore dell'attributo right dell'elemento padre.

Compatibilità del browser

Compatibilità del browser per l'attributo right; i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 6+

Leggi di più

Si prega di consultare la seguente guida:Posizione CSS,Strato CSS.

Proprietà correlate:position,top,left,bottom,z-index.