Lorem ipsum dolor sit amet, consectetur adipiscing elit...
border: 1px solid #000000;Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯
In CSS wird die Eigenschaft text-decoration verwendet, um die Dekoration von Text innerhalb von HTML-Elementen zu steuern. Sie ermöglicht es Ihnen, Textdekorationen wie Unterstreichungen, Überstreichungen, Durchstreichungen und Blinkeffekte hinzuzufügen oder zu entfernen. Sie können diese Eigenschaft verwenden, um das visuelle Erscheinungsbild von Text für verschiedene Zwecke zu verbessern.
Die Eigenschaft text-decoration kann einen oder mehrere Werte annehmen, um mehrere Textdekorationen zu definieren. Hier sind die gängigen Werte:
none: Es wird keine Textdekoration angewendet (Standard).
.no-decoration {
text-decoration: none;
}
underline: Fügt dem Text eine Unterstreichung hinzu.
.underlined {
text-decoration: underline;
}
overline: Fügt dem Text eine Überstreichung hinzu.
.overlined {
text-decoration: overline;
}
line-through: Fügt eine Linie durch den Text hinzu, typischerweise um anzuzeigen, dass der Text gelöscht wurde oder nicht mehr gültig ist.
.line-through {
text-decoration: line-through;
}
blink: Fügt dem Text einen Blinkeffekt hinzu. Beachten Sie, dass dieser Wert aus Gründen der Benutzerfreundlichkeit oft von Webbrowsern ignoriert wird.
.blinking {
text-decoration: blink;
}
Sie können auch mehrere Textdekorationen anwenden, indem Sie sie als durch Leerzeichen getrennte Werte in der Eigenschaft text-decoration angeben. Um beispielsweise Text gleichzeitig zu unterstreichen und zu überstreichen:
.underline-overline {
text-decoration: underline overline;
}
Die Eigenschaft text-decoration wird häufig verwendet, um das visuelle Styling von Links (Anker-Tags) zu verbessern, indem Unterstreichungen angewendet oder Textfarben geändert werden, wenn Links überfahren oder besucht werden. Darüber hinaus kann sie für verschiedene andere Zwecke verwendet werden, bei denen Textdekorationen zur Hervorhebung oder aus ästhetischen Gründen benötigt werden.
Sprache wählen
Thema wählen
© 2025 ReadyTools. Alle Rechte vorbehalten.