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