English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS Text-Verwendung und Beispiel für das decoration-Attribut

text-Das CSS-Attribut decoration bestimmt die Verzierung, die auf den Textinhalt des Elements angewendet wird (z.B. Unterstrich, Überstrich usw.).

Die nachstehende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax in JavaScript-Skripten.

Standardwert:Keine
Eingesetzt für:Alle Elemente
Vererbung:Keine
Animierbar:Ja, weil einige Eigenschaften von Kurzschrift animiert werden können.Bitte beziehen Sie sich auf Animationseigenschaft
Version:CSS 1,2,3
JavaScript Syntax:object.style.textDecoration="line-through"

text-Syntax der Verwendung von decoration

Die Syntax dieses Attributes ist wie folgt:

text-decoration: none | [ underline | overline | line-through | blink ] one or more values | initial |  inherit

Der folgende Beispiel zeigt, wie text-Eigenschaft decoration.

  a {
   text-decoration: none;
  }
  h1 {
   text-decoration: overline;
  }
Testen Sie, um zu sehen‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
noneKeine Textdekoration verwenden.
underlineJede Zeile Text hat einen Unterstrich.
overlineDefiniert eine Linie auf dem Text.
line-throughJede Zeile Text hat eine Linie in der Mitte.
blinkText blinken (zwischen sichtbar und unsichtbar umschalten).
inheritWenn spezifiziert, verwendet das zugehörige Element das text des übergeordneten Elements-Werte der Eigenschaft decoration.

Browserkompatibilität

text-Kompatibilität der Browser für die decoration-Eigenschaft, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3。5+

Warnung:blink wird von Firefox und Opera unterstützt, um diesen Wert zu unterstützen. Es wird nicht empfohlen, diesen Wert zu verwenden, sondernAnimation,besser diesen Wert zu vermeiden.

Weitere Lesung

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS TextCSS RandCSS3Animation

Textbezogene Eigenschaften:letter-spacingtext-ausrichtentext-indenttext-overflowtext-shadowtext-transformwhite-spaceword-spacing