Tinggi - Trik CSS | CSS Almanak 2024

The heightproperti di CSS mendefinisikan menspesifikasikan ketinggian isi kotak dan menerima salah satu nilai panjang.

Area "konten" didefinisikan sebagai bantalan dan batas selain tinggi / lebar atau ukuran konten itu sendiri.

Nilai-nilai negatif seperti height: -100pxtidak diterima. The heightproperti tidak berlaku untuk unsur-unsur non-diganti inline termasuk kolom tabel dan kelompok kolom.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Lihat Pena ini!

Jika tinggi blok penampung tidak ditentukan secara eksplisit, dan elemen tidak diposisikan secara mutlak, nilai tingginya dihitung ke otomatis (akan setinggi konten di dalamnya, atau nol jika tidak ada konten). Jika bagian konten elemen memerlukan lebih banyak ruang vertikal daripada yang tersedia dari nilai yang ditetapkan, perilaku elemen ditentukan oleh overflowproperti.

Saat menggunakan kata kunci auto, heightdihitung berdasarkan area konten elemen kecuali ditentukan secara eksplisit. Artinya, nilai berdasarkan persentase masih merupakan nilai dari area konten elemen. Demikian pula, jika tinggi wadah disetel ke nilai persentase, tinggi persentase elemen anak masih didasarkan pada area konten elemen anak tersebut.

Tinggi juga dapat digunakan sebagai properti yang dapat dianimasikan.