Kata kunci atau initial pada CSS awal digunakannya untuk menerapkan nilai awal properti sebagai nilai yang ditentukan (nilai yang ditentukan oleh penulis CSS). Ini berarti bahwa apa pun nilai cascade atau inherit dari properti tersebut, properti itu akan “disetel ulang” ke nilai awal default jika mengambil kata kunci ini.
Semua properti CSS memiliki nilai awal, karenanya, kata kunci ini dapat digunakan dengan properti CSS apa pun.
Beberapa properti CSS mewarisi nilai-nilai mereka dari sifat cascading CSS. Misalnya, jika Kalian menetapkan warna teks suatu elemen, maka semua keturunan elemen itu akan mewarisi warna teks yang sama. Dalam kasus seperti itu, Kalian mungkin ingin mengatur ulang warna salah satu keturunan daripada mewarisi warna dari induknya, sehingga kata kunci awal dapat digunakan untuk melakukan hal itu. Hal yang sama berlaku untuk properti yang tidak diwariskan, tetapi Kalian masih ingin mengatur ulang nilainya ke nilai awal.
Contohnya
Asumsikan bahwa Kalian memiliki wadah dan bahwa Kalian telah mengatur warna teks wadah itu menjadi warna tertentu. Yang berikut ini akan mengatur ulang warna teks dari semua paragraf asli di dalam wadah itu ke warna teks.
|
1 2 3 |
p.original { color: initial; } |
Contoh berikut akan memberi gaya pada semua tag h3 dan memberi mereka gaya font miring. Kami akan menggunakan kata kunci awal untuk mengatur ulang gaya font ke nilai awalnya (yang normal) untuk tag h3 yang ditemukan di dalam bilah sisi.
|
1 2 3 4 5 6 7 |
h3 { font-style: italic; } .sidebar h3 { font-style: initial; } |