| font | NN 6 IE 4 CSS 1 |
| Inherited: Yes | |
This is a shorthand attribute that lets you set multiple font-related attributes with one assignment statement. Some browsers are more forgiving than others about required and optional values, but this attribute should at least specify the font-size and font face (either by font-family or CSS2FontConstant values) in that order. The order of other space-delimied value types is not critical. In CSS2, some additional short-circuit constants apply named system fonts that have fixed values for each of the font-related attributes. |
|
| CSS Syntax | |
font: font-style || font-variant || font-weight || font-size[/line-height] || font-family | CSS2FontConstant |
|
| Value | |
For syntax and examples of value types for font and line attributes, see the respective attribute listing. The construction with the forward slash before the line-height value allows the use of a second length value within the potentially long sequence of values for this attribute: the line-height length value must always accompany the required font-size value, separated by a forward slash. The CSS2 font constants are as follows: caption | icon | menu | message-box | small-caption | status-bar. These constants refer to browser and operating system fonts used by the client. Their precise appearance is therefore different on different operating systems but consistent with the user's expectation for a particular type of font. In other words, these styles should be used when their function mirrors a system or browser function. |
|
| Initial Value | |
None. |
|
| Example | |
body {font: 12px serif}
h2 {font: bolder small-caps 16px "Lucida Console", Arial, sans-serif}
.iconCaption {font: 10px/1.1em caption}
|
|
| Applies To | |
All elements. |
|
| Object Model Reference | |
[window.]document.getElementById("elementID").style.font
|
|