CSS-Eigenschaft font-variant

.probe {
  font-variant: small-caps;
}

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'font-variant'
normal | small-caps | inherit

normal (Ausgangswert)

Kleinbuchstaben werden wie codiert dargestellt.

small-caps

Kleinbuchstaben werden als Kapitälchen ausgegeben. Die Ersetzung von Klein- als Großbuchstaben erfolgt in drei Stufen:

Zuerst stellt das Anwenderprogramm fest, ob in der verwendeten Fontfamilie eine echte Kapitälchen-Schriftartvariante vorhanden ist.

Ist das nicht der Fall, werden die Kleinbuchstaben durch Großbuchstaben mit reduzierter Schriftgröße ersetzt.

Ist auch das nicht möglich, werden einfache Großbuchstaben eingesetzt. Das Ergebnis ist dann dasselbe wie bei text-transform:uppercase, d. h. hier bekommt auch die Sprache einen Einfluß auf die Transformation der Zeichen.

Es ist dem Browser nicht erlaubt, dass er eine andere Schriftartfamilie 'ausprobiert', um festzustellen, ob dort Kapitälchen vorhanden sind.

inherit

Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel

DIV.gros { font-variant: small-caps; }

Wechselwirkungen

font, font-style, font-weight, font-size, line-height, font-family

Echte und nachgebildete Kapitälchen

Die Abbildung auf dieser Seite zeigt den Unterschied, um den es geht. Eine echte Kapitälchenschrift enthält eigene Zeichen: kleiner als Versalien, aber mit derselben Strichstärke, breiter im Verhältnis und mit angepassten Abständen. Eine nachgebildete Kapitälchenschrift verkleinert die Versalien rechnerisch, wodurch die Striche dünner werden als die der übrigen Buchstaben.

Im Text fällt das als Unruhe auf: die Kapitälchen wirken heller als der Rest der Zeile. Wer genau hinsieht, erkennt den Unterschied auch an den Abständen, die bei verkleinerten Versalien zu eng bleiben.

Die Spezifikation lässt beides zu und schreibt keine Qualität vor. Das Anwenderprogramm darf einen vorhandenen Kapitälchenschnitt verwenden, und wenn keiner vorhanden ist, darf es die Darstellung nachbilden. Welcher Weg gewählt wurde, sieht man dem Stylesheet nicht an, nur der Darstellung.

Wo Kapitälchen hingehören

Im Satz dienen Kapitälchen der Auszeichnung ohne Betonung. Sie heben etwas heraus, ohne die Zeile zu stören, wie es fette Schrift täte. Übliche Anwendungen sind Eigennamen in wissenschaftlichen Texten, Abkürzungen aus Großbuchstaben, die im Fließtext sonst zu laut wirken, und die ersten Wörter eines Kapitelanfangs.

Der letzte Fall ist auch technisch interessant, weil er sich mit dem Pseudoelement für die erste Zeile verbinden lässt, dessen Umfang sich mit der Spaltenbreite ändert.

Nicht geeignet ist die Auszeichnung für längere Passagen. Kapitälchen lesen sich langsamer als gemischte Groß- und Kleinschreibung, weil das Wortbild fehlt, an dem das Auge Wörter erkennt. Dieselbe Überlegung gilt für durchgehende Versalien.

Besonderheiten im Medientyp handheld

Diese Eigenschaft ist Teil des Standards CSS Mobile Profile 1.0 und unterliegt damit auch in Mobilgeräten allen relevanten Regeln aus CSS 2.1.

Die Ausgabe von Text in Mobilgeräten erfolgt ohne Textglättung und in relativ kleiner Schriftgröße. Deshalb werden als Kapitälchen deklarierte Schriftarten in fast allen Mobilgeräten durch senkrechte Fettschrift ersetzt.

Weitere Charakteristika

Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.

Ausgangswert

normal

Berechneter Wert

Spezifizierter Wert

Vererbung

Ja

Anwendbarkeit

Auf alle Elemente

%-Bezugswert

Nicht zutreffend

Mediengruppe(n)

Visual