CSS: Property inheritance

Some properties are naturally inherited

by CSS spec, some properties are inherited, others are not.

sample of properties with natural inheritance:

• color
• font-family
• font-size
• text-align
• line-height
• visibility

sample of properties with no natural inheritance:

• border
• margin
• padding
• background

When a property have natural inheritance

it means, when a CSS property is not set, it gets its value from parent element.

When a property does not have natural inheritance

it means, when a CSS property is not set, its value is the initial value.

• CSS: inherit, initial, reset, revert, revert-layer

Setting a property to inherit

regardless of the property's natural inheritance, you can always set it to inherit.

.x {
 margin: inherit;
}

• CSS: inherit, initial, reset, revert, revert-layer