Tinggi - Trik CSS | CSS Almanac 2025

The heightharta di CSS mentakrifkan Menentukan ketinggian kandungan kotak dan menerima apa-apa nilai panjang.

Kawasan "kandungan" didefinisikan sebagai pelapik dan batas di samping ketinggian / lebar atau ukuran yang diambil sendiri.

Nilai negatif seperti height: -100pxtidak diterima. The heightharta tidak terpakai kepada unsur-unsur bukan digantikan sebaris termasuk lajur jadual dan kumpulan lajur.

.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 Pen ini!

Sekiranya ketinggian blok yang berisi tidak ditentukan secara eksplisit, dan elemennya tidak diposisikan sepenuhnya, nilai ketinggiannya akan dikira secara automatik (ia akan setinggi kandungan di dalamnya, atau sifar jika tidak ada isi). Sekiranya bahagian kandungan unsur memerlukan lebih banyak ruang menegak daripada yang tersedia dari nilai yang diberikan, tingkah laku elemen ditentukan oleh overflowharta tanah.

Semasa menggunakan kata kunci auto, heightdikira berdasarkan kawasan kandungan elemen kecuali dinyatakan secara eksplisit. Ini bermaksud nilai berdasarkan peratusan masih dari kawasan kandungan elemen. Begitu juga, jika ketinggian wadah ditetapkan ke nilai peratusan, ketinggian peratusan elemen anak masih berdasarkan kawasan kandungan elemen anak itu.

Ketinggian juga dapat digunakan sebagai harta tanah.