CSS dirancang untuk menyederhanakan pembuatan dokumen dengan memungkinkan suatu property diberlakukan untuk turunannya. Karakteristik ini disebut inheritance.
Banyak property dalam CSS dapat diturunkan sehingga membuat dokumen XHTML semakin mudah. Dua jenis property yang dapat diturunkan adalah text property dan font-property. Sebagai contoh
body
{
font-family:Arial;
}
Semua dalam body akan menggunakan font Arial sebagai default font seperti contoh berikut
<body>
<div id=”judul”>Ini judul</div>
<div id=”content”>
Ini isi
</div>
</body>
Pada contoh di atas baik div dengan id judul maupun div dengan id content akan menggunakan font Arial.
Beberapa property seperti border, margin dan padding tidak diturunkan. Ini berarti apa yang telah diset tidak akan diturunkan kepada turunnya. Meskipun demikian kita dapat memaksa untuk menggunakan setting parent dengan menggunakan keywors inherit misalnya
#tengah
{
border: thin solid black;
}
#tengah #content
{
border: inherit;
}
Kunjungi www.proweb.co.id untuk menambah wawasan anda.