Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

font-style

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das font-style Attribut gibt an, ob der Text normal, kursiv oder in einer schrägen Schriftart dargestellt werden soll.

Hinweis: Als Präsentationsattribut hat font-style auch ein entsprechendes CSS-Property: font-style. Wenn beides angegeben ist, hat das CSS-Property Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiele

SVG-Schriftstil steuern

html
<svg viewBox="0 0 250 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-style="normal">Normal font style</text>
  <text x="150" y="20" font-style="italic">Italic font style</text>
</svg>

Anwendungshinweise

Wert normal | italic | oblique
Standardwert normal
Animierbar Ja

Für eine Beschreibung der Werte lesen Sie bitte die CSS font-style Eigenschaft.

Spezifikationen

Spezifikation
CSS Fonts Module Level 4
# font-style-prop

Browser-Kompatibilität

Siehe auch