Properti penyelarasan vertikal CSS

Sebelumnya _ Referensi CSS Lengkap Selanjutnya _

Contoh

Menyejajarkan gambar secara vertikal:

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;
}

Definisi dan Penggunaan

Properti vertical-alignmengatur perataan vertikal suatu elemen.

Nilai bawaan:	garis dasar
Diwarisi:	tidak
Animasi:	Ya. Baca tentang animasi
Versi: kapan:	CSS1
Sintaks JavaScript:	objek .style.verticalAlign="atas"

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Property
vertical-align	1.0	4.0	1.0	1.0	4.0

Sintaks CSS

Nilai properti

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

Halaman Terkait

Tutorial CSS: Teks CSS

Referensi DOM HTML: properti verticalAlign