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 Attribut font-style gibt an, ob Text in einer normalen, kursiven oder schräggestellten Schrift dargestellt wird.

Hinweis: Als Präsentationsattribut hat font-style auch eine entsprechende CSS-Eigenschaft: font-style. Wenn beide angegeben sind, hat die CSS-Eigenschaft 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>

Verwendungshinweise

Wert normal | italic | oblique
Standardwert normal
Animierbar Ja

Eine Beschreibung der Werte finden Sie bei der CSS-Eigenschaft font-style.

Spezifikationen

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

Browser-Kompatibilität

Siehe auch