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. |