Inheritance in CSS

Hank Greenberg 2367 14 Jun 2013

Hi Developers,

What is meaning of inheritance in CSS terminology? Can you provide any example for better understanding!

Your help is greatly appreciated.

Ask by Hank Greenberg

Updated 15 Jun 2013

1 Answers

AVADHESH PATEL 15 Jun 2013

Some styles, like font family, text-alignment etc., are automatically inherited by child elements from their parent element (i.e. by an element contained inside another one).

Others are not automatically inherited.

Example


<div style=”font-family:serif; border:1px solid red; padding:10px;”>
This text will be in a serif font.
 <p>
 This text is also in a serif font, because font is inherited by default.
 But the border and padding properties are not inherited from the parent div.
 </p>
</div>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Inheritance in CSS

Can you answer this question?

1 Answers