 |
| Jawaban Aku BENAR |
Jawaban Soal Nomor 5 CSS adalah :
D. Semua jawaban benar. ✓
Pembahasan Jawaban :
Satuan ukuran yang paling umum digunakan untuk mengatur lebar elemen dalam CSS adalah piksel (px).
Kenapa piksel (px) paling sering digunakan?
- Mudah dipahami: Satu piksel mewakili satu titik pada layar, sehingga mudah untuk membayangkan ukuran elemen yang akan dihasilkan.
- Presisi: Ukuran elemen akan tetap konsisten di berbagai browser dan perangkat dengan resolusi yang sama.
Selain piksel, ada satuan ukuran lain yang bisa digunakan, seperti:
- Persentase (%): Lebar elemen dinyatakan sebagai persentase dari lebar induknya. Ini sangat berguna untuk membuat layout yang responsif.
- em: Ukuran elemen relatif terhadap ukuran font induknya.
- rem: Mirip dengan em, tetapi ukurannya relatif terhadap ukuran font akar (root).
- vw dan vh: Lebar atau tinggi elemen dinyatakan sebagai persentase dari lebar atau tinggi viewport (area tampilan).
Kapan harus menggunakan satuan ukuran apa?
- Piksel (px): Cocok untuk elemen dengan ukuran yang tetap dan tidak perlu menyesuaikan diri dengan ukuran layar.
- Persentase (%): Ideal untuk membuat layout yang responsif dan menyesuaikan diri dengan berbagai ukuran layar.
- em dan rem: Berguna untuk mengatur ukuran font dan elemen yang terkait dengan teks.
- vw dan vh: Sangat baik untuk membuat elemen yang ukurannya selalu proporsional terhadap ukuran viewport.
Contoh penggunaan:
/* Lebar elemen 200 piksel */
div {
width: 200px;
}
/* Lebar elemen 50% dari lebar induknya */
div {
width: 50%;
}