Uczynienie witryny przyciągającej wzrok jest czymś, co większość programistów zajmuje się. Twórcy stron internetowych stosują kolory, wyrównania i dekoracje do tekstu pojawiającego się na stronie internetowej. Tekst na stronach internetowych można ulepszyć za pomocą szerokiej gamy właściwości dostarczanych przez CSS. Jedną z takich właściwości jest właściwość dekoracji tekstu, która pozwala zastosować ulepszanie linii na tekście. Ten samouczek ma na celu oświecenie czytelników na temat dekoracji tekstu w CSS.

dekoracja tekstu Własność w CSS

Jak już wspomniano, właściwość dekoracji tekstu w CSS dodaje ulepszanie linii w tekście pojawiającym się na stronie internetowej. Właściwość z dekoracją tekstu pozwala zastosować podkreślenie, przekroczenie, przejście na linię i ich kombinację do określonego tekstu.

Składnia

Ma następującą składnię

P
Dekoracja tekstu: Overline;

Jak zastosować podkreślenie do tekstu

Korzystając z właściwości tekstowej, możesz podkreślić określony tekst.

Przykład

Dekoracja tekstu CSS

Wyjście
Tekst został podkreślony.

Jak zastosować Overline do tekstu

Korzystając z właściwości dekoracji tekstu, możesz ustawić Overline na określonym tekście. Zapoznaj się z przykładem poniżej.

H1
Dekoracja tekstu: Overline;

Wyjście

Overline został ustawiony w tekście.

Jak zastosować linię do tekstu

Korzystając z właściwości dekoracji tekstu, możesz ustawić linię na określonym tekście. Użyj następującego fragmentu kodu.

H1
Dekoracja tekstu: Przez linię;

Wyjście

W tekście zastosowano linię.

Jak zastosować kombinację powyższych technik do tekstu

Korzystając z właściwości dekoracji tekstu, możesz użyć kombinacji podkreślenia, zakłócania i przejścia na określony tekst. Użyj następującego fragmentu kodu.

H1
Dekoracja tekstu: Overline Overline;

Wyjście

Tekst został podkreślony i nałożony.

Dekoracja tekstu streszczeniem właściwości

Skrótem nieruchomość w CSS to właściwość, która pozwala zastosować różne wartości do innych licznych właściwości CSS jednocześnie, oszczędzając czas i energię. Właściwość dekoracji tekstu jest również uważana za właściwość skrótów, ponieważ można ją użyć do ustawiania wartości na przestrzeganie właściwości;

1. Linia tekstu tekstowego
2. kolor dekoracji tekstu
3. Styl w stylu tekstu.

Zanim zademonstrujemy nieruchomość z dekoracją tekstu jako właściwość skrótów za pomocą przykładu. Najpierw zrozummy, jakie są te właściwości.

Linia tekstu tekstowego: Ta właściwość jest podobna do właściwości dekoracji tekstu i może być używana do zastosowania dekoracji do tekstu.

Kolor dekoracji tekstu: Ta właściwość służy do zastosowania koloru do dekoracji stosowanej w tekście.

Styl w stylu tekstu: Nieruchomość w stylu tekstu jest używana do stosowania różnych stylów, takich jak stałe, faliste, kropkowane, przerywane i podwojone do dekoracji tekstowej (podkreślenie, Overline, linia lub kombinacja).

Zastosujmy dekorację tekstową jako nieruchomość z pomocą przykładów.

Przykład 1

W poniższym przykładzie stosujemy kolor i styl do dekoracji tekstu za pomocą tylko właściwości dekoracji tekstu.

Dekoracja tekstu CSS

Wyjście

Tekst ozdobił za pomocą falistej czerwonej podkreślenia.

Przykład 2

W poniższym przykładzie stosujemy kombinację podkreślenia i przekroczenia oraz ustawiamy również kolor i styl.

Dekoracja tekstu CSS

Wyjście

Tekst został urządzony za pomocą solidnego czerwonego podkreślenia i przekroczenia.

Wniosek

Właściwość tekstu tekstowego w CSS pozwala dodawać linie wzmacniające do tekstu na stronach internetowych. Te linie mogą być podkreją, przez linię, przekroczenie lub kombinację do określonego tekstu. Ta właściwość jest określana jako właściwość skrótów, ponieważ można ustawić wartości na właściwości w zakresie dekoracji tekstowej, kolorów tekstu i tekstu. Ten zapis, szczegółowo omawia właściwość dekoracji tekstu, wraz z odpowiednimi przykładami.