CSS font-stretch Eiendom
Voorbeeld
Maak die teks in <div>-elemente wyer:
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
Definisie en gebruik
Die font-stretcheiendom laat jou toe om teks smaller (gekondenseerd) of wyer (uitgebreid) te maak.
Let wel: Sommige lettertipes verskaf bykomende gesigte; gekondenseerde vlakke en uitgebreide vlakke. Vir hierdie lettertipes kan jy die font-stretcheiendom gebruik om 'n normale, verkorte of uitgebreide lettertipe te kies.
Let wel: Hierdie eiendom het geen effek as die geselekteerde lettertipe nie gekondenseerde of uitgebreide vlakke bied nie!
| Standaard waarde: | normaal |
|---|---|
| Geërf: | ja |
| Animateerbaar: | ja. Lees oor animeerbaar |
| Weergawe: | CSS3 |
| JavaScript-sintaksis: | voorwerp .style.fontStretch="uitgebreid" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
Sintaksis
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
Eiendomswaardes
| Value | Description |
|---|---|
| ultra-condensed | Makes the text as narrow as it gets |
| extra-condensed | Makes the text narrower than condensed, but not as narrow as ultra-condensed |
| condensed | Makes the text narrower than semi-condensed, but not as narrow as extra-condensed |
| semi-condensed | Makes the text narrower than normal, but not as narrow as condensed |
| normal | Default value. No font stretching |
| semi-expanded | Makes the text wider than normal, but not as wide as expanded |
| expanded | Makes the text wider than semi-expanded, but not as wide as extra-expanded |
| extra-expanded | Makes the text wider than expanded, but not as wide as ultra-expanded |
| ultra-expanded | Makes the text as wide as it gets |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |