English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-Die Eigenschaft variant zeigt Text mit kleinen kapitalisierten Buchstaben an, was bedeutet, dass alle kleinen Buchstaben in Großbuchstaben umgewandelt werden, aber die Buchstaben, die in kleinen kapitalisierten Buchstaben verwendet werden, sind im Vergleich zum Rest des Texts kleiner.
Die folgende Tabelle enthält die Beschreibung der Verwendung und die Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert: | normal |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Ja |
| Animierbar: | Nein.Bitte参见 Animationseigenschaft. |
| Version: | CSS 1,2,3 |
Die Syntax dieses Attributes ist wie folgt:
font-variant: normal | small-caps | initial | inherit
Die folgenden Beispiele zeigen, wie man font-Eigenschaft variant.
p {
font-variant: small-caps;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| normal | Weist eine normale Schriftart zu. |
| small-caps | Weist die Marke einem Schriftart als kleingeschriebene Schrift zu. Wenn eine kleine Schriftart nicht verwendet werden kann, simuliert der Browser diese Variante, verwendet die normale Schriftart und ersetzt die kleinen Buchstaben durch verkleinerte Großbuchstaben. |
| initial | Setzen Sie diesen Eigenschaftswert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element seine Elternfont-Werte der Eigenschaft variant. |
Hinweis: In small-In caps-Schrift sehen die kleinen Buchstaben ähnlich aus wie die großen, sind aber kleiner und haben ein geringfügig anderes Verhältnis.
font-Kompatibilität der variant-Eigenschaft der Browser, die in der folgenden Tabelle enthaltenen Zahlen stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Schrift,CSS Text.
Zusammenhängende Eigenschaften und Regeln:font,font-style,font-weight,font-size,line-height,font-family,@font-face.