Die Eigenschaft font-variant-caps erlaubt es, alternative Glyphen für kleine, zierliche Großbuchstaben und Titel auszuwählen. Diese Eigenschaft hat die folgenden Werte:
- normal
- small-caps
- all-small-caps
- petite-caps
- all-petite-caps
- unicase
- titling-caps
| Anfangswert | normal |
| Gilt für | Alle Elemente. Es gilt auch für ::first-letter und ::first-line. |
| Geerbt | Ja |
| Animierbar | Nein |
| Version | CSS3 |
| DOM Syntax | object.style.fontVariantCaps = "petite-caps"; |
Syntax
font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps;Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
.all-small-caps {
font-variant-caps: all-small-caps;
font-style: italic;
}
.small-caps {
font-variant-caps: small-caps;
font-style: italic;
}
.normal {
font-variant-caps: normal;
font-style: italic;
}
</style>
</head>
<body>
<h2>Ein Beispiel für die Eigenschaft Font-variant-caps</h2>
<p class="all-small-caps">
Die CSS-Eigenschaft font-variant-caps steuert die Verwendung alternativer Glyphen für Großbuchstaben.
</p>
<p class="small-caps">Small caps!</p>
<p class="normal">Normal caps!</p>
</body>
</html>Werte
| Wert | Beschreibung |
|---|---|
| normal | Die Verwendung alternativer Glyphen ist nicht aktiviert. |
| small-caps | Ermöglicht die Anzeige von Kapitälchen. Kleinbuchstaben verwenden die Form von Großbuchstaben, werden aber auf die Größe von Kleinbuchstaben reduziert. |
| all-small-caps | Ermöglicht die Darstellung von Kleinbuchstaben für Groß- und Kleinbuchstaben. |
| petite-caps | Ermöglicht die Anzeige von petite capitals. |
| all-petite-caps | Ermöglicht die Anzeige zierlicher Großbuchstaben für Groß- und Kleinbuchstaben. |
| unicase | Ermöglicht die Darstellung einer Mischung aus Kleinbuchstaben für Großbuchstaben und normalen Kleinbuchstaben. |
| titling-caps | Ermöglicht die Anzeige der Großbuchstaben der Titel. |
| initial | Stellt die Eigenschaft auf seinen Standardwert ein. |
| inherit | Erbt die Eigenschaft von ihrem übergeordneten Element. |
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| 52.0+ | ✕ | 34.0+ | 9.1+ | 39.0+ |
Übe dein Wissen
Was sind die möglichen Werte für die CSS-Eigenschaft 'font-variant-caps'?
Richtig!
Falsch!