CSS-Eigenschaft font-variant-east-asian

Die Eigenschaft font-variant-east-asian steuert die Verwendung alternativer Glyphen für ostasiatische Schriftarten. Insbesondere dient sie zur Steuerung der Glyphenersetzung und -skalierung in ostasiatischen Texten.

Diese Eigenschaft gehört zu den CSS3-Eigenschaften.

Anfangswert	normal
Gilt für	Auf alle Elemente. Gilt auch für ::first-letter und ::first-line.
Vererbt	Ja.
Animierbar	Nein.
Version	CSS3
DOM-Syntax	object.style.fontVariantEastAsian = "ruby";

Syntax

Syntax der CSS-Eigenschaft font-variant-east-asian

css

font-variant-east-asian: normal | &lt;east-asian-variant-values&gt; | &lt;east-asian-width-values&gt; | ruby | initial | inherit ;

Beispiel für die Eigenschaft font-variant-east-asian:

Beispiel der CSS-Eigenschaft font-variant-east-asian mit traditionellem Wert

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      h2 {
        font-variant-east-asian: traditional;
      }
    </style>
  </head>
  <body>
    <h2>Font-variant-east-asian property example</h2>
    <h2>大学 → 大學</h2>
  </body>
</html>

Try it Yourself »

Wie Sie hier sehen können, ist die Eigenschaft font-variant-east-asian auf traditional gesetzt. Sie können sie auf einen der Werte ändern, die in der Tabelle weiter unten auf dieser Seite aufgeführt sind, einschließlich der Variante simplified. Hinweis: Die Browserunterstützung für diese Eigenschaft ist begrenzt. Das Beispiel verwendet Systemschriftarten, die traditionelle ostasiatische Varianten enthalten.

Ergebnis

CSS font-variant-east-asian Property

Werte

Wert	Beschreibung
normal	Die Verwendung alternativer Glyphen ist nicht aktiviert.
`<east-asian-variant-values>`	Gibt eine Reihe von logografischen Glyphenvarianten an, die zur Anzeige verwendet werden. Werte sind: - jis78 - jis83 - jis90 - jis04 - simplified - traditional
`<east-asian-width-values>`	Steuert die Größe der für ostasiatische Zeichen verwendeten Figuren. Werte sind: - proportional-width - full-width
ruby	Erzwingt die Verwendung spezieller Glyphen für Ruby-Zeichen.
initial	Legt fest, dass die Eigenschaft ihren Standardwert verwendet.
inherit	Erbt die Eigenschaft vom Elternelement.

Practice

Was bewirkt die CSS-Eigenschaft 'font-variant-east-asian'?

Sie ändert das Standardaussehen ostasiatischer Texte auf der Webseite.Sie ändert die Ausrichtung des Textes auf der Webseite.Sie ermöglicht die Anzeige von ostasiatischen Vollbreitenzeichen als 'Proportionale Breite'.Sie ändert die Textfarbe auf der Webseite.Sie aktiviert 'Traditionelle' oder 'Vereinfachte' Formen ostasiatischer Zeichen.

CSS-Eigenschaft font-variant-east-asian ​

Syntax ​

Beispiel für die Eigenschaft font-variant-east-asian: ​

Ergebnis ​