Eine Website auf Augenhilfe zu machen, kümmern sich um die meisten Webentwickler, um die sich gut kümmern. Webentwickler wenden Farben, Ausrichtungen und Dekorationen auf den auf der Website angezeigten Text an. Text auf Websites können mit einer Vielzahl von Eigenschaften verbessert werden, die von CSS bereitgestellt werden. Eine solche Eigenschaft ist die textdekoration. Dieses Tutorial soll seine Leser über die Textdekoration in CSS aufklären.

Textdekoration Eigentum in CSS

Wie bereits erwähnt, fügt die textdekorationsbezogene Eigenschaft in CSS Verbesserungszeilen im Text hinzu, der auf einer Webseite angezeigt wird. Mit der textdekorationseigenen Eigenschaft können Sie eine Unterstreichung, Überstraße, Zeilen- und eine Kombination davon auf den angegebenen Text anwenden.

Syntax

Es hat die folgende Syntax

P
Textdekoration: Überaus;

So bewerben Sie sich unterstreichen auf Text

Mit der Eigenschaft Textdekoration können Sie einen bestimmten Text unterstreichen.

Beispiel

CSS -Textdekoration

Ausgang
Der Text wurde unterstrichen.

So wenden Sie Überstunden auf Text an

Mit der Eigenschaft Textdekoration können Sie einen Überblick auf einen bestimmten Text festlegen. Wenden Sie sich an das folgende Beispiel.

H1
Textdekoration: Überaus;

Ausgang

Auf dem Text wurde eine Überlinie festgelegt.

So wenden Sie Zeile auf Text an

Mit der Eigenschaft Textdekoration können Sie einen Zeilenumsatz für einen bestimmten Text festlegen. Verwenden Sie das folgende Code -Stück.

H1
Textdekoration: Zeilenum;

Ausgang

Auf den Text wurde ein Zeilendurchlauf angewendet.

So wenden Sie eine Kombination der oben genannten Techniken auf Text an

Mit der Eigenschaft zur Textabschreck. Verwenden Sie das folgende Code -Stück.

H1
Textdekoration: Überstunde unterstreichen;

Ausgang

Der Text wurde sowohl unterstrichen als auch überlagert.

Textdekoration Eine Kurzeigenschaft

Eine Abkürzungseigenschaft in CSS ist eine Eigenschaft, mit der Sie unterschiedliche Werte auf andere zahlreiche CSS -Immobilien gleichzeitig anwenden können, um Zeit und Energie zu sparen. Die textdekorationsbezogene Eigenschaft wird auch als Kurzeigeneigenschaft angesehen, da sie verwendet werden kann, um Werte auf folgende Eigenschaften festzulegen

1. Textdekoration
2. Textdekorationsfarbe
3. Text-Decoration-Stil.

Bevor wir Textdekorationseigenschaften als Kurzeigeneignis mit Hilfe eines Beispiels demonstrieren. Lassen Sie uns zunächst verstehen, was diese Eigenschaften sind.

Textdekorationslinie: Diese Eigenschaft ähnelt der textdekorationalen Eigenschaft und kann verwendet werden, um Dekorationen auf den Text anzuwenden.

Textdekorationsfarbe: Diese Eigenschaft wird verwendet, um Farbe auf die auf dem Text angewendete Dekoration anzuwenden.

Text-Decoration-Stil: Die Eigenschaft im Textdekorationsstil wird verwendet, um verschiedene Stile wie solide, wellige, gepunktete, gestrichelte und verdoppelte Textdekorationen anzuwenden (unterstreicht, überstrahlt, linienübergreifend oder eine Kombination).

Erforschen wir mit Hilfe von Beispielen die Textabteilung als Kurzeigeneignis.

Beispiel 1

Im folgenden Beispiel wenden wir Farbe und Stil auf die Textdekoration nur anhand der SMS-Eigenschaft an.

CSS -Textdekoration

Ausgang

Der Text hat mit einer welligen roten Unterstreichung dekoriert.

Beispiel 2

Im folgenden Beispiel wenden wir eine Kombination aus Unterstreichung und Überstreichung an und setzen auch die Farbe und den Stil fest.

CSS -Textdekoration

Ausgang

Der Text wurde mit einer soliden roten Unterstreichung und Überaus dekoriert.

Abschluss

Mit der textdekorationalen Eigenschaft in CSS können Sie dem Text auf Webseiten Verbesserungszeilen hinzufügen. Diese Zeilen können unterstreich. Diese Eigenschaft wird als Abkürzungseigenschaft bezeichnet, da Sie Werte auf Textdekorationszeilen, Textdekorationsfärben und Eigenschaften im Textdekorationsstil festlegen können. In dieser Beschreibung wird die Tiefe der Textdekoration zusammen mit geeigneten Beispielen erörtert.