Mengontrol tinggi dan lebar dengan kode CSS

height

Kalau ini pasti anda juga sudah tahu. Paling sering digunakan untuk sebuah daftar, agar terlihat rapi atau dinamis. Bisa juga untuk menetapkan tinggi sebuah gambar, seperti :

Contoh :

img{
height:150px;
}

Menggunakan ukuran %, px, cm, dll.

---

max-height dan min-height

Properti max-height untuk mengatur tinggi maksimum suatu elemen, properti min-height mengatur tinggi minimumnya. Properti ini diperkenalkan dalam CSS versi kedua (CSS2).

Contoh :

p{ max-height:200px; }

p{ min-height:100px; }

Atau :

p{
max-height:200px;
min-height:100px;
}

Jadi kesimpulannya, apa yang didalam tag <p> tingginya tidak akan lebih dari 200px dan minimum tingginya tidak akan kurang dari 100px.

Menggunakan ukuran %, px, cm, dll.

---

width

Properti width untuk menentukan lebar elemen.

Contoh :

body{
width:100%;
}

Menggunakan ukuran %, px, cm, dll.

---

max-width dan min-width

Properti max-width untuk mengatur lebar maksimum, dan properti min-width mengatur lebar minimum. Ini juga sama, diperkenalkan CSS versi kedua (CSS2).

Contoh :

p{ max-width:200px; }

p{ min-width:100px; }

Menggunakan ukuran %, px, cm, dll.

---

Alhamdulillah