Example

A simple font property example:

Laboratory

description & Usage

The font property is used to determine the type of text elements, which also has several related properties, which include:

font-style

font-variant

font-weight

font-size

font-family

Informations

# Description
Default Value The default value of the font properties
Inherited yes
Animatable yes
Version CSS1
JavaScript syntax object.style.font="italic small-caps bold 12px arial,sans-serif"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
font

Syntax

Values

Values Description
font-style Default
font-variant Determines the type of font, whether it is normal or full color or...
font-weight Specifies the font width.
font-size/line-height Size determines the size and height of the corresponding font.
font-family Selects the font family or name.
caption Uses fonts that follow the items associated with the subtitle.
icon Fonts are used that follow the icons.
menu Fonts are used that follow the content bar.
message-box Fonts are used that follow the dialog boxes.
small-caption Specifies a smaller version of the corresponding font.
status-bar Fonts that follow the status bar are used.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.