DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Mengatur ukuran elemen HTML, seperti tinggi bisa dengan height, sementara lebar dengan width, masing masing juga bisa diberi nilai minimal dan maksimal
Kita bisa mengatur ukuran dari elemen HTML dengan properti width
untuk lebar serta height
untuk tingginya.
Berikut contoh menggunakan width
pada CSS
<style>
.p{
border: 1px solid white;
padding: 5px;
}
.wide {
width: 300px;
}
.narrow {
width: 50px;
}
</style>
<p class="p">Aku adalah tag p tanpa lebar </p>
<p class="p wide">Aku adalah tag p wide </p>
<p class="p narrow"> Aku adalah tag p narrow </p>
Aku adalah tag p tanpa lebar
Aku adalah tag p wide
Aku adalah tag p narrow
Berikut contoh menggunakan tinggi
pada CSS
<style>
.p{
border: 1px solid white;
padding: 5px;
}
.high {
height: 300px;
}
.low {
height: 50px;
}
</style>
<p class="p">Aku adalah tag p tanpa tinggi </p>
<p class="p high">Aku adalah tag p high </p>
<p class="p low"> Aku adalah tag p low </p>
Aku adalah tag p tanpa tinggi
Aku adalah tag p high
Aku adalah tag p low
Properti height dan width pada CSS, bisa punya nilai berikut:
Jika kita ingin membatasi lebar atau tinggi dari suatu elemen, makan gunakan properti max-height
atau max-width
.
Biasanya ini berguna ketika kita TIDAK menentukan nilai satuannya, namun ingin memberi jarak maksimal.
Penggunaan dan satuannya sama dengan width
dan height
di atas.
Jika kita ingin membatasi sekecil apa lebar atau tinggi dari suatu elemen, makan gunakan properti min-height
atau min-width
.
Biasanya ini berguna ketika kita TIDAK menentukan nilai satuannya, namun ingin memberi jarak minimal.
Penggunaan dan satuannya sama dengan width
dan height
di atas.