Height adalah ukuran tinggi, sedangkan width adalah ukuran panjang.
Dengan menggunakan CSS, kita bisa mengatur keduanya. Properti height untuk tinggi dan width untuk panjang.
Satuan height width
Ada empat jenis value yang bisa kamu gunakan, yaitu:
- Dengan satuan umum css, seperti
px,cm,%. Auto, ini nilai default dari browser.Initial, nilai default yang diatur sebelumnya.Inherit, nilai sesuai dengan parent / element diatasnya.
Variasi property
Tidak hanya ada dua properti height dan width saja, ada variasinya. Yaitu:
| Properti | Keterangan |
|---|---|
| height | Atur tinggi element |
| max-height | Atur maksimal tinggi elemen |
| min-height | Atur minimal tinggi elemen |
| width | Atur panjang element |
| max-width | Atur maksimal panjang elemen |
| min-width | Atur minimal panjang elemen |
Contoh implementasi
Saya akan buat kotak dengan div html berukuran panjang 400px tinggi 65px.
Di sini saya menggunakan CSS inline supaya lebih ringkas.
Kodenya:
<div style="width:400px; height:65px; background:#5340ff"></div>
Mudah kan?
makasih kak