CSS font-variant Eigenschaft

Definition und Verwendung

Die Eigenschaft font-variant zeigt Text mit kleinen Grossbuchstaben an, was bedeutet, dass alle Kleinbuchstaben in Grossbuchstaben umgewandelt werden, aber die Grossbuchstaben, die in kleinen Grossbuchstaben angezeigt werden, sind kleiner als der Rest des Textes.

Erklärung

Diese Eigenschaft wird hauptsächlich verwendet, um kleinen Grossbuchstaben-Text zu definieren. Theoretisch kann der Benutzeragent die kleinen Grossbuchstaben-Zeichensätze aus den normalen Zeichensätzen berechnen.

Weitere Informationen:

CSS-Tutorial:CSS Schriftart

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:fontVariant-Eigenschaft

Beispiel

Stellen Sie den Absatz in einen Zeichensatz mit kleinen Grossbuchstaben ein:

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

Versuchen Sie es selbst

CSS-Syntax

font-variant: normal|small-caps|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Standardwert. Der Browser zeigt einen Standardzeichensatz an.
small-caps Der Browser zeigt ein Zeichensatz mit kleinen Grossbuchstaben an.
inherit Es wird vorgeschrieben, dass der Wert der Eigenschaft font-variant vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: normal
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.fontVariant="small-caps"

TIY-Beispiel

Textvariante einstellen
Dieses Beispiel zeigt, wie man die Variante des Textes einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5