Sifat vertical-align CSS

Definisi dan penggunaan

Attribute vertical-align menentukan cara penataan vertikal elemen.

Penerangan

Sifat ini menentukan garis dasar elemen baris di tingkat vertikal berbanding garis dasar baris tempat elemen berada. Membolehkan nilai jarak negatif dan persen. Ini akan menurunkan elemen daripada meningkatkan. Dalam sel tabel, sifat ini akan menentukan cara penataan kandungan sel di dalam kotak sel.

Lihat juga:

Panduan Tutorial CSS:Teks CSS

Panduan Referensi DOM HTML:Attribute verticalAlign

Contoh

Menata imej di atas:

img
  {
  vertical-align:text-top;
  }

Cuba sendiri

Buat tulisan CSS:

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Nilai sifat

Nilai Penerangan
baseline Lalai. Elemen di tempatkan di garis dasar induk.
sub Menata teks di bawah indikator.
super Menata teks di atas indikator.
top Letakkan atas elemen dengan atas elemen paling tinggi di baris.
text-top Letakkan atas elemen dengan atas tulisan font induk.
middle Letakkan elemen ini di tengah induk.
bottom Letakkan atas elemen dengan atas elemen paling rendah di baris.
text-bottom Letakkan bawah elemen dengan bawah tulisan font induk.
length 　
% Gunakan peratusan bilangan persen bagi attribute "line-height" untuk menata elemen ini. Membolehkan nilai negatif.
inherit Diatur untuk mendapatkan nilai vertical-align daripada elemen induk.

Detil teknologi

Nilai lalai: baseline
Inheritsi: tidak
Versi: CSS1
Buat tulisan JavaScript: object.style.verticalAlign="bottom"

Contoh lebih banyak

Imej yang diatur vertikal
Contoh ini menunjukkan bagaimana mengatur imej di baris teks.

Dukungan perepositori

Nombor di dalam tabel menunjukkan versi paling awal perpustakaan yang mendukung sifat ini penuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0