This means that if a parent has font-weight set to bold all child elements will be bold, unless their font-weight is set to a different value, or the user agent stylesheet has a value for font-weight for that element. Properties that can be inherited cascade downwards, and child elements will get a computed value which represents its parent's value. However, it may be unavailable in some cases like. The browser will select the first font to use if it is available.

We use commas to separate the values and show them as alternatives. An initial value is a property that's not inherited and shows up as a default if the cascade fails to calculate a value for that element. The font-family property allows creating a prioritized list of font family names and/or generic family names for the selected element. Syntax: the value of font-family has to be last in the declaration. Take a look at this short overview: Syntax: if the shorthand does not have font-size and font-family, CSS will ignore the entire statement. For reference, here is the entire list of inheritable properties, taken from the W3 reference of all CSS properties:Įvery HTML element has every CSS property defined by default with an initial value. The font shorthand has some issues due to problematic syntax and inheritance. The best way to use this is to set your basic styles on a very high-level element, like the. When an HTML element is nested within another, the outer element is known as the parent, while the inner element is the child. If the property is inherited, then you know that the value will remain the same for every child element in the document. Understanding CSS Inheritance (Inherit, Initial, Unset, and Revert) Relationships exist in HTML, and these relationships make it possible for us to select and style the elements of a web page. Not all CSS properties are inheritable, but there are a lot that are. The easiest way to use it is to become familiar with the CSS properties that are and are not inherited.

Css inherit font family