CSS font-variant-caps-Eigenschaft
- Vorherige Seite font-variant
- Nächste Seite font-weight
Definition und Verwendung
Die Eigenschaft font-variant-caps steuert die Verwendung alternativer Großbuchstabenformate.
Siehe auch:
CSS Tutorial:CSS Schriftart
CSS Referenzhandbuch:font-Eigenschaft
HTML DOM Referenzhandbuch:fontVariant-Eigenschaft
Beispiel
Den Absatz in Kleinbuchstaben setzen:
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
CSS-Syntax
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
Attributwert
| Wert | Beschreibung |
|---|---|
| normal | Die Verwendung alternativer Zeichensätze deaktivieren. |
| small-caps | Zeige kleine Großbuchstaben. |
| all-small-caps | Zeige sowohl Groß- als auch Kleinbuchstaben als kleine Großbuchstaben an. |
| petite-caps | Zeige besonders kleine Großbuchstaben. |
| all-petite-caps | Zeige sowohl Groß- als auch Kleinbuchstaben als besonders kleine Großbuchstaben an. |
| unicase | Es ist erlaubt, Großbuchstaben in Kleinbuchstaben und Großbuchstaben zu mischen. |
| titling-caps | Großbuchstaben anzeigen |
| initial | Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial. |
| inherit | Diese Eigenschaft von ihrem übergeordneten Element geerbt. Siehe inherit. |
| unset |
Anmerkung:Kleinbuchstaben in Großschrift beziehen sich auf Buchstaben, die in Großschrift dargestellt werden, aber die gleiche Größe wie die entsprechenden Kleinbuchstaben haben.
Technische Details
| Standardwert: | normal |
|---|---|
| Vererbung: | Ja |
| Animationserstellung: | Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften. |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.fontVariantCaps="small-caps" |
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 52.0 | 79.0 | 34.0 | Nicht unterstützt | 39.0 |
- Vorherige Seite font-variant
- Nächste Seite font-weight
