Cara Menggunakan CSS Keyword
Keyword dalam CSS merupakan nilai khusus yang digunakan untuk menetapkan suatu properti. Mereka adalah bagian penting dari CSS karena menyediakan cara yang mudah dan ringkas untuk mengatur tampilan elemen HTML.
Berikut beberapa contoh keyword umum dalam CSS:
Keyword untuk Warna
transparent: Menghasilkan warna transparan.currentColor: Mengambil warna dari elemen induk.inherit: Menerima warna dari elemen induk.black: Warna hitam.white: Warna putih.
Keyword untuk Unit
px: Pixel.em: Ukuran font relatif terhadap ukuran font elemen induk.rem: Ukuran font relatif terhadap ukuran font akar dokumen.%: Persentase.vh: Viewport height.vw: Viewport width.
Keyword untuk Posisi
static: Elemen diposisikan berdasarkan aliran normal dokumen.relative: Elemen diposisikan relatif terhadap posisi normalnya.absolute: Elemen diposisikan relatif terhadap leluhur terdekat yang memiliki posisirelative,absolute, ataufixed.fixed: Elemen diposisikan relatif terhadap jendela browser.
Keyword untuk Tampilan
block: Elemen ditampilkan sebagai blok, menempati lebar penuh kontainernya.inline: Elemen ditampilkan sebagai teks inline.inline-block: Elemen ditampilkan sebagai blok inline, menggabungkan karakteristik block dan inline.none: Elemen tidak ditampilkan.
Cara Menggunakan Keyword
Untuk menggunakan keyword dalam CSS, Anda perlu mengaturnya pada properti yang sesuai. Misalnya:
/* Mengatur warna latar belakang menjadi merah */
body {
background-color: red;
}
/* Mengatur lebar elemen menjadi 100 pixel */
.container {
width: 100px;
}
/* Mengatur font elemen menjadi inherit */
p {
font-size: inherit;
}
Keuntungan Menggunakan Keyword
- Kemudahan: Keyword sangat mudah diingat dan digunakan.
- Bacaan: Kode CSS menjadi lebih mudah dibaca dan dipahami.
- Standarisasi: Keyword memastikan konsistensi dalam penggunaan nilai-nilai.
Kesimpulan
Keyword dalam CSS adalah nilai penting yang membantu Anda mengatur tampilan elemen HTML dengan mudah dan ringkas. Mereka memberikan cara yang efisien untuk menetapkan properti CSS tanpa harus menggunakan nilai numerik atau teks yang rumit.
