Proprietà CSS vertical-align

❮ Precedente Riferimento CSS completo Avanti ❯

Esempio

Allineamento verticale di un'immagine:

img.a {
  vertical-align: baseline;
}

img.b {
  vertical-align: text-top;
}

img.c {
vertical-align: text-bottom;
}

img.d {
vertical-align: sub;
}

img.e {
  vertical-align: super;
}

Definizione e utilizzo

La vertical-alignproprietà imposta l'allineamento verticale di un elemento.

Valore di default:	linea di base
Ereditato:	no
Animabile:	sì. Leggi su animabile
Versione:	CSS1
sintassi JavaScript:	oggetto .style.verticalAlign="top"

Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.

Property
vertical-align	1.0	4.0	1.0	1.0	4.0

Sintassi CSS

Valori di proprietà

Value	Description	Play it
baseline	The element is aligned with the baseline of the parent. This is default
length	Raises or lower an element by the specified length. Negative values are allowed. Read about length units
%	Raises or lower an element by a percent of the "line-height" property. Negative values are allowed
sub	The element is aligned with the subscript baseline of the parent
super	The element is aligned with the superscript baseline of the parent
top	The element is aligned with the top of the tallest element on the line
text-top	The element is aligned with the top of the parent element's font
middle	The element is placed in the middle of the parent element
bottom	The element is aligned with the lowest element on the line
text-bottom	The element is aligned with the bottom of the parent element's font
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Pagine correlate

Tutorial CSS: testo CSS

Riferimento HTML DOM: proprietà verticalAlign