WeasySuite - 15.8 Shorthand font property: the 'font' property

Chapter 15 - Fonts - 15.8 Shorthand font property: the 'font' property

Go to the relevant page of the specification.

c527-font-000: font
c527-font-001: font
c527-font-002: font
c527-font-003: font
c527-font-004: font
c527-font-005: font
c527-font-006: font
c527-font-007: font
c527-font-008: font
c527-font-009: font
c527-font-10: font
font-001 (ahem): Font shorthand set using the values font-size and font-family
The 'font' shorthand property accepts and sets font-size and font-family.
font-002 (ahem): Font shorthand set using the values font-style, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-size and font-family.
font-003: Font shorthand set using the values font-variant, font-size and font-family
The 'font' shorthand property accepts and sets font-variant, font-size and font-family.
font-004 (ahem): Font shorthand set using the values font-weight, font-size and font-family
The 'font' shorthand property accepts and sets font-weight, font-size and font-family.
font-005: Font shorthand set using the values font-style, font-variant, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.
font-006 (ahem): Font shorthand set using the values font-style, font-weight, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.
font-007 (ahem): Font shorthand set using the values font-variant, font-style, font-size and font-family
The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.
font-008 (ahem): Font shorthand set using the values font-variant, font-weight, font-size and font-family
The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.
font-009 (ahem): Font shorthand set using the values font-weight, font-style, font-size and font-family
The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.
font-010 (ahem): Font shorthand set using the values font-weight, font-variant, font-size and font-family
The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.
font-011 (ahem): Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.
font-012 (ahem): Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.
font-013 (ahem): Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.
font-014 (ahem): Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.
font-015 (ahem): Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.
font-016 (ahem): Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.
font-017 (ahem): Font shorthand set using the values font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-size, line-height and font-family.
font-018 (ahem): Font shorthand set using the values font-style, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.
font-019: Font shorthand set using the values font-variant, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.
font-020 (ahem): Font shorthand set using the values font-weight, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.
font-021: Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.
font-022 (ahem): Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.
font-023 (ahem): Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.
font-024 (ahem): Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.
font-025 (ahem): Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.
font-026 (ahem): Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.
font-027 (ahem): Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.
font-028 (ahem): Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.
font-029 (ahem): Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.
font-030 (ahem): Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.
font-031 (ahem): Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.
font-032 (ahem): Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.
font-033 (ahem): Font set to the keyword 'caption'
The 'font' property set to 'caption' correctly uses the system setting.
font-034 (ahem): Font set to the keyword 'icon'
The 'font' property set to 'icon' correctly uses the system setting.
font-035 (ahem): Font set to the keyword 'menu'
The 'font' property set to 'menu' correctly uses the system setting.
font-036 (ahem): Font set to the keyword 'message-box'
The 'font' property set to 'message-box' correctly uses the system setting.
font-037 (ahem): Font set to the keyword 'small-caption'
The 'font' property set to 'small-caption' correctly uses the system setting.
font-038 (ahem): Font set to the keyword 'status-bar'
The 'font' property set to 'status-bar' correctly uses the system setting.
font-039 (ahem): Font shorthand set to 'inherit' inheriting two values
The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-040 (ahem): Font shorthand set to 'inherit' inheriting three values
The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-041 (ahem): Font shorthand set to 'inherit' inheriting four values
The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-042 (ahem): Font shorthand set to 'inherit' inheriting five values
The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-043 (ahem): Font shorthand set to 'inherit' inheriting six values
The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-044 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-045 (ahem, invalid): font - inherit keyword value
The inherit keyword value cannot mix with other subproperty values
font-046 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-047 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-048 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-049 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-050 (ahem): font - system fonts
A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-applies-to-001: Font and 'display: inline' elements
The 'font' property applies to 'display: inline' elements.
font-applies-to-002: Font and 'display: block' elements
The 'font' property applies to 'display: block' elements.
font-applies-to-003: Font and 'display: list-item' elements
The 'font' property applies to 'display: list-item' elements.
font-applies-to-005: Font and 'display: inline-block' elements
The 'font' property applies to 'display: inline-block' elements.
font-applies-to-006: Font and 'display: table' elements
The 'font' property applies to 'display: table' elements.
font-applies-to-007: Font and 'display: inline-table' elements
The 'font' property applies to 'display: inline-table' elements.
font-applies-to-008: Font and 'display: table-row-group' elements
The 'font' property applies to 'display: table-row-group' elements.
font-applies-to-009: Font and 'display: table-header-group' elements
The 'font' property applies to 'display: table-header-group' elements.
font-applies-to-010: Font and 'display: table-footer-group' elements
The 'font' property applies to 'display: table-footer-group' elements.
font-applies-to-011: Font and 'display: table-row' elements
The 'font' property applies to 'display: table-row' elements.
font-applies-to-014: Font and 'display: table-cell' elements
The 'font' property applies to 'display: table-cell' elements.
font-applies-to-015: Font and 'display: table-caption' elements
The 'font' property applies to 'display: table-caption' elements.
font-applies-to-016: Font and 'display: none' elements
The 'font' property applies to 'display: table-row' elements.
font-applies-to-017: Font and 'display: inherit' elements
The 'font' property applies to 'display: inherit' elements.
font-systemfont-rule-003: System Font, substitute for similar system font when font unknown
It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.
font-systemfont-rule-004: Font shorthand property reset to default values if not explicitly set
The 'font' shorthand property resets any property not explicitly given a value to its initial value.