csspages

Home

Inherit vs Initial in CSS

Implied values

initial

initial sets the property back to the browser default value for that element.

W3C has provided an initial value for each property. This is the value that is used when no value is specified for any property.

inherit

inherit use the value for the property in the parent element.

unset

• If a property is normally inherited, then unset means inherit
• If a property is normally not inherited then it means initial

revert

• If a property is normally inherited, then revert means inherit
• If a property is normally not inherited then revert sets the property to the value in browser’s default stylesheet.

Properties that are normally inherited

where default property values are set to computed values of parent value

• azimuth
• border-collapse
• border-spacing
• caption-side
• color
• cursor
• direction
• elevation
• empty-cells
• font-family
• font-size
• font-style
• font-variant
• font-weight
• font
• letter-spacing
• line-height
• list-style
  • list-style-image
  • list-style-position
  • list-style-type
• orphans
• pitch-range
• pitch
• quotes
• richness
• speak
• speak-header
• speak-numeral
• speak-punctuation
• speech-rate
• stress
• text-align
• text-indent
• text-transform
• visibility
• voice-family
• volume
• white-space
• widows
• word-spacing

Home