Data Type inherit pada CSS digunakan untuk membuat properti mengambil nilai yang ditentukan sama dengan properti induk elemen. Menentukan nilai pewarisan untuk properti CSS apa pun yang diterapkan pada suatu elemen akan menyebabkan elemen tersebut mendapatkan nilai yang dihitung induknya untuk properti itu.

Semua properti CSS diizinkan untuk mewarisi nilainya dari induk atau leluhur elemen, sehingga nilai warisan dapat digunakan pada properti CSS apa pun.

Beberapa properti CSS mewarisi nilai-nilai mereka dari induk elemen secara otomatis, karena sifat cascading CSS. Misalnya, jika Kalian menetapkan warna teks suatu elemen, maka semua keturunan elemen itu akan mewarisi warna teks yang sama. Meskipun nilai properti tertentu diwarisi secara otomatis, mungkin ada situasi di mana Kalian ingin menambah bobot properti yang diwarisi. Dalam kasus seperti itu, menggunakan nilai yang diwarisi pada properti yang sudah akan mewarisi nilai orang tua secara default akan memberlakukan pewarisan nilai orang tua.

Salah satu situasi di mana Kalian ingin menggunakan pewarisan untuk menegakkan nilai yang diwarisi secara otomatis adalah ketika nilai yang diwarisi ditimpa oleh lembar gaya agen pengguna (gaya default yang diterapkan oleh browser ke beberapa elemen).

Misalnya, meskipun nilai warna teks secara otomatis diteruskan ke semua keturunan elemen, dalam kasus elemen jangkar (tautan), properti warna biasanya diatur ke biru di lembar gaya agen pengguna. Dalam kebanyakan kasus, Kalian akan menerapkan warna yang berbeda ke tautan, atau Kalian mungkin ingin mereka mewarisi warna yang sama dengan sisa teks, dan mungkin menerapkan efek visual lain yang menunjukkan bahwa mereka adalah tautan (misalnya menerapkan garis bawah) atau warna latar belakang, dll). Dengan anggapan Kalian menginginkan tautan memiliki warna teks yang sama dengan teks lainnya, maka Kalian bisa menggunakan nilai inherit untuk menegakkan nilai warna yang biasanya diwariskan.

Beberapa properti CSS tidak mewarisi nilai yang dihitung dari induk elemen, tetapi Kalian mungkin ingin menetapkan nilai properti pada elemen agar sama dengan nilai induknya. Dalam hal ini, kata kunci inherit digunakan untuk melakukan hal itu: izinkan properti yang tidak secara otomatis mewarisi nilai untuk mewarisinya.

Misalnya, misalkan Kalian telah menerapkan perbatasan hitam ke suatu elemen, dan Kalian ingin semua anak div-nya memiliki perbatasan yang sama, maka Kalian bisa menggunakan kata kunci inherit pada warna perbatasan elemen anak div untuk membiarkan mereka mewarisi yang sama warna perbatasan sebagai induknya.

Perlu dicatat di sini bahwa jika Kalian menggunakan perbatasan properti singkatan untuk menerapkan perbatasan, maka Kalian tidak dapat menggunakan nilai warisan dan mengharapkannya berfungsi. Misalnya, perbatasan: 1px solid inherit; tidak akan mewarisi warna tepi dari induk elemen. mewarisi harus menjadi satu-satunya nilai dalam deklarasi, karena tidak ada cara untuk mengidentifikasi sub-properti yang merujuk nilai mewarisi-setelah semua, itu tidak unik dalam urutan. Tidak ada cara untuk mengatakan bahwa kata kunci pewarisan seharusnya mewarisi nilai properti warna perbatasan, dan bukan properti gaya perbatasan.
Satu-satunya cara kata kunci pewarisan akan bekerja di properti steno adalah jika itu satu-satunya nilai yang diberikan kepada properti itu; dalam hal ini, nilai warisan akan diterapkan ke semua sub-properti dari properti singkatan, dan warisan akan bekerja. Lihat demo langsung di bagian selanjutnya untuk melihat cara kerjanya.

Contoh berikut akan mengatur warna semua tautan di dalam elemen elemen. Menjadi warna yang sama dengan warna teks yang ditetapkan pada elemen.