Właściwość dekoracji tekstu CSS: -
Podkreślenia można używać do wyróżniania ważnego tekstu. Element U i właściwość CSS text-dekoracja to dwie najczęściej używane techniki podkreślania tekstu na stronach internetowych.
Obydwa są proste w użyciu, ale element U oferuje wartość semantyczną znaczeniu. Inny można wyświetlić na żądanie, co ułatwia zmianę stanu podkreślenia poprzez proste dodanie klas CSS do tekstu.
To, czy podkreślenia są przydatne do wyrażania znaczenia lub dostępności, jest przedmiotem dyskusji. Podkreślenia to naturalne podejście zapewniające większą wygodę użytkownika, gdy sam kolor nie wystarczy, aby wyrazić znaczenie.
Atrybut dekoracji tekstu oferuje alternatywny sposób podkreślania tekstu. Tekst z hiperłączem może być również użyty do zastąpienia podkreśleń podkreśleniami.
Nadkreślenie jest przeciwieństwem podkreślenia. Na górze tekstu zostanie dodana linia.
Możemy wykorzystać wszystkie wartości podkreślenia i podkreślenia dla tej samej definicji klasy. Właściwość text-dekoracja reguluje sposób prezentacji tekstu na kilka sposobów. Gdy dekoracja tekstu jest ustawiona na podkreślenie, tekst wewnątrz komponentu zostanie podkreślony.
Właściwości CSS dekoracji tekstu są fantastyczne w przypadku tekstu, ale mogą być ograniczone pod względem projektu i nie mają zastosowania do typów treści nietekstowych. Podkreślenia można również tworzyć za pomocą atrybutów obramowania CSS.
vba
Atrybut dekoracji tekstu to najbardziej podstawowy sposób podkreślania tekstu. Najbardziej znaczącą wadą dekoracji tekstu jest to, że nie można jej konfigurować.
Właściwość dekoracji tekstu wykorzystuje podkreślenie, podkreślenie, przekreślenie lub kombinację linii w celu wyróżnienia zaznaczonego tekstu.
Treść jest podkreślana za pomocą atrybutu text-dekoracja-line. Nadkreślenie, podkreślenie i przekreślenie to trzy opcje tego atrybutu. W CSS podkreślenie atrybutu służy do podświetlania tekstu. Podkreślenie jest rysowane pod tekstem osadzonym z tą wartością.
Na kolejnych elementach tekstowych rysowane są dekoracje tekstowe. Oznacza to, że gdy element definiuje dekorację tekstową, dekoracja nie może zostać usunięta przez element podrzędny.
zmienne globalne javascript
Nie jest rysowana żadna linia, a wszelkie istniejące dekoracje są usuwane.
Podkreślać: linia bazowa tekstu jest narysowana linią o grubości 1 piksela.
Linia przez: w „środkowym” punkcie tekstu wstawia w poprzek linię o szerokości 1 piksela.
Nadkreślenie: dodaje linię o wielkości 1 piksela bezpośrednio nad „górnym” punktem tekstu.
Dziedziczyć: dziedziczy dekorację rodziców.
Dekorację tekstu określa się za pomocą właściwości text-dekoracja, która jest skrótem charakterystycznym dla:
mvc z Javą
- linia-dekoracji tekstu (wymagane)
- kolor-dekoracji tekstu
- styl dekoracji tekstu
- grubość dekoracji tekstu
nadkreślenie, podkreślenie, podkreślenie-nadkreślenie, przekreślenie znajduje się pod linią dekoracji tekstu.
Jednolite, kropkowane, przerywane, faliste, podwójne należą do stylu dekoracji tekstu.
Kolor w wartościach dziesiętnych, szesnastkowych lub dziedziczony jest objęty kolorem dekoracji tekstu.
Właściwość border-bottom jest alternatywą dla dekoracji tekstu. Możemy również użyć border-bottom, aby zapewnić wyściółkę.
Składnia: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Poszukajmy teraz przykładu i poznajmy użycie właściwości dekoracji tekstu.
Ozdoba tekstu: podkreślenie, nadkreślenie
Przykład: -
h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> Wyjście:
