English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Controllo dell'attributo vertical-align CSSLivello inlineIl riquadro generato dagli elementi (solitamente testo e immagini) è rispetto aBloccanteAllineamento verticale del testo nella casella o della cella della tabella in una riga
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo dell'attributo nel script JavaScript.
| Valore predefinito: | baseline |
|---|---|
| Applicabile a: | Livello inline e elementi della tabella |
| Ereditarietà: | Nessuno |
| Animabile: | Sì.Si prega di consultare Proprietà dell'animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object.style.verticalAlign="middle" |
La sintassi di questa proprietà è la seguente:
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
Gli esempi di seguito dimostrano come utilizzare la proprietà vertical-align.
img {
vertical-align: middle;
}
span {
vertical-align: super;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| baseline | Allinea la linea di base della scatola dell'elemento con la linea di base del contenitore padre. |
| sub | Abbassa la linea di base della scatola per adattarsi alla posizione inferiore del contenitore padre. |
| super | Alza la linea di base della scatola per adattarsi alla posizione superiore del contenitore padre. |
| top | Allinea l'alto dell'elemento e dei suoi discendenti con l'alto della cornice. |
| text-top | Allinea l'alto dell'elemento con l'alto del font dell'elemento padre. |
| middle | Allinea il centro dell'elemento con il punto superiore rispetto alla linea di base del contenitore padre.x-heightAllinea a metà del punto. |
| bottom | Allinea il basso dell'elemento e dei suoi discendenti con il basso della cornice. |
| text-bottom | Allinea il basso dell'elemento con il basso del font dell'elemento padre. |
| length | Unità in px, pt, cm, em ecc. Il valore della lunghezza aumenta (valore positivo) o diminuisce (valore negativo) di questa distanza rispetto alla linea di base dell'elemento padre. Il valore 0px è uguale alla linea di base. |
| percentage | Alza (valore positivo) o abbassa (valore negativo) la scatola di questo distanza (line-heightValore in percentuale). Il valore 0% è uguale alla linea di base. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà vertical-align dell'elemento padre. |
Compatibilità dei browser per proprietà vertical-align, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco una guida da consultare:Allineamento CSS.
Proprietà correlate:line-height.