English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-The stretch CSS property selects a normal, compressed, or expanded appearance from the font.
The following table provides usage instructions and version history of this property, as well as the syntax of using this property in JavaScript scripts.
| default value: | normal |
|---|---|
| applies to: | all elements. It also applies to::first-letter and::first-line |
| inherits: | is |
| animation is available: | is.refer to animation properties. |
| version: | CSS3new feature |
| JavaScript syntax: | object.style.fontStretch="expanded" |
The syntax of this property is as follows:
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
The following examples demonstrate how to use font-stretch property.
p {
font-family: Arial, Helvetica, sans-serif;
font-stretch: condensed;
}Test and see‹/›The following table describes the values of this property.
| Value | Description |
|---|---|
| normal | Specify the normal font. This is the default value. |
| ultra-condensed | Specify the densest font. |
| extra-condensed | Specify the second most concise font. |
| condensed | Specify the condensed font |
| semi-condensed | Specify the slightly condensed font. |
| semi-expanded | Specify the slightly expanded font. |
| expanded | Specify the expanded font. |
| extra-expanded | Specify the second most expanded font. |
| ultra-expanded | Specify the most expanded font. |
| initial | Set this property to its default value. |
| inherit | If specified, the associated element adopts its parent element's font-stretch property values. |
font-stretch Most browsers do not support this property.
|
Warning:font-Warning: stretch Chrome, Safari, and Opera browsers currently do not support this property. It is best to avoid using this property.
Please refer to the following tutorials:CSS fonts,CSS units,CSS pseudo-elements.
Related attributes and rules:font,font-family,font-size,font-size-adjust,font-style,font-variant,font-weight,@font-face.