Dalam CSS, properti tertentu (seperti color dan font-family) secara otomatis diwariskan dari elemen induk ke semua elemen di dalamnya.
Namun, properti seperti border, margin, dan padding tidak diwariskan secara otomatis. Anda dapat memaksa pewarisan menggunakan kata kunci inherit.
<!DOCTYPE html>
<html>
<head>
<style>
.induk { color: #04AA6D; border: 2px solid #04AA6D; padding: 15px; }
.anak { border: inherit; padding: 10px; margin-top: 10px; }
</style>
</head>
<body>
<div class="induk">
Teks di elemen induk (Hijau).
<div class="anak">Elemen anak mewarisi border hijau induknya menggunakan 'border: inherit;'.</div>
</div>
</body>
</html>Kata kunci inherit menginstruksikan elemen untuk mengambil nilai yang persis sama dengan induknya.