font-variant

Übersicht

The CSS Eigenschaft font-variant property selects a normal, or small-caps face from a font family. Setting font-variant is also possible by using the font shorthand.

Initialwertnormal
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter und ::first-line.
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
AnimierbarNein
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

Formal syntax: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name> #) || character-variant(<feature-value-name> #) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ] 

wobei
<common-lig-values> = [ common-ligatures | no-common-ligatures ]
<discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ]
<historical-lig-values> = [ historical-ligatures | no-historical-ligatures ]
<contextual-alt-values> = [ contextual | no-contextual ]
<feature-value-name> = IDENT
<numeric-figure-values> = [ lining-nums | oldstyle-nums ]
<numeric-spacing-values> = [ proportional-nums | tabular-nums ]
<numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ]
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]

font-variant: normal
font-variant: small-caps

font-variant: inherit

Werte

normal
Normale Schrift.
small-caps
Stellt die Schrift in Kapitälchen dar. Falls dies von der Schriftart nicht unterstützt wird, stellt Gecko den Effekt nach, indem die Kleinbuchstaben durch skalierte Grossbuchstaben ersetzt werden.

Der Wert small-caps hat in einigen Sprachen eine spezifische Wirkung:

  • In turkischen Sprachen (wie Türkisch (tr), Aserbaidschanisch (az), Krimtataren (crh), Tatarisch (tt) und Baschkirisch (ba)), gibt es zwei verschiedene Buchstaben i, eines mit und eines ohne Punkt, und somit auch zwei verschiedene Buchstabenpaare: i/İ und ı/I.
  • Im Deutschen (de) wird das ß zu SS.
  • Im Griechischen (el) verlieren Vokale ihren Akzent wenn sie Grossgeschriben sind (ά/Α), mit Ausnahme von Eta (ή/Ή). Auch Diphthongen mit einem Akzent im ersten Vokal verliern diesen, dafür erhält der zweite Vokal einen (άι/ΑΪ).

Die Sprache wird in HTML mit dem Attribut  lang HTML und in XML mit xml:lang definiert.

Diese spezifischen Anpassungen werden nicht von allen Browsern unterstützt, siehe Browser Kompatibilität.

Beispiele

p {
  font-variant: small-caps;
}

Spezifikation

Spezifikation Status Anmerkung
CSS Fonts Module Level 3
Die Definition von 'font-variant' in dieser Spezifikation.
Anwärter Empfehlung Extends the property (this is not yet reflected in this article)
CSS Level 2 (Revision 1)
Die Definition von 'font-variant' in dieser Spezifikation.
Empfehlung No change.
CSS Level 1
Die Definition von 'font-variant' in dieser Spezifikation.
Empfehlung  

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
ßSS ? 1.0 (1.7 oder früher) ? ? ?
iİ and ıI Nicht unterstützt 14 (14) ? ? Nicht unterstützt
Greek accented letters Nicht unterstützt 15 (15) Nicht unterstützt Nicht unterstützt Nicht unterstützt
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? ? ? ? ?
ßSS ? ? ? ? ?
iİ and ıI Nicht unterstützt 14 (14) ? ? Nicht unterstützt
Greek accented letters Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: fscholz, Sebastianz, SJW
 Zuletzt aktualisiert von: fscholz,