Abakada CSS Demo: font Attribute

This example illustrates the various values an element's font style attribute can assume.
Note the CSS declaration as you modify the object's composite font characteristics.

The font properties must be defined in this order:
font-style, font-variant, font-weight, font-size, font-family.

Syntax { font: normal normal normal 10pt arial }

Select from these options to modify the DIV's font properties

font-size font-family

font-style font-weight

font-variant

NOTES: The { font: ... } declaration block must be a combination of valid values for the component properties, with no more than one value per property. If the string does not contain a value for a component property, or is omitted, that property is set to its default.

Font-weight relies on what are available for a particular font family.

View Source Exit