Lastnost dekoracije besedila CSS: -
S podčrtaji lahko označite pomembno besedilo. Element U in lastnost dekoracije besedila CSS sta najpogosteje uporabljeni tehniki za podčrtavanje besedila na spletnih straneh.
Oba sta enostavna za uporabo, vendar element U ponuja semantično vrednost pomenu. Drugega je mogoče prikazati na zahtevo, kar olajša spreminjanje stanja podčrtaja s preprostim dodajanjem razredov CSS v besedilo.
Ali so podčrtaji uporabni za izražanje pomena ali dostopnosti ali ne, je stvar razprave. Podčrtaji so naraven pristop k zagotavljanju večje vrednosti uporabniške izkušnje, kadar sama barva ni dovolj za izražanje pomena.
Atribut text-decoration ponuja alternativni način za podčrtavanje besedila. Hiperpovezano besedilo lahko uporabite tudi za zamenjavo podčrtajev s prečrtaji.
Prečrtanje je nasprotje podčrtavanja. Na vrh besedila je dodana vrstica.
Za isto definicijo razreda lahko uporabimo vse podčrtane in prečrtane vrednosti. Lastnost text-decoration ureja, kako je besedilo predstavljeno na več načinov. Ko je besedilna dekoracija nastavljena na podčrtano, je besedilo znotraj komponente podčrtano.
Lastnosti CSS za dekoracijo besedila so fantastične za besedilo, vendar jih je mogoče omejiti glede oblikovanja in niso uporabne za vrste vsebine, ki niso besedilo. Podčrtaje je mogoče ustvariti tudi z atributi obrobe CSS.
js settimeout
Atribut text-decoration je najosnovnejši način za podčrtavanje besedila. Najpomembnejša pomanjkljivost dekoracije besedila je, da je ni mogoče konfigurirati.
Lastnost dekoracije besedila uporablja podčrtavanje, prečrtanje, črto skozi ali kombinacijo vrstic za poudarjanje izbranega besedila.
Vsebina je podčrtana z atributom text-decoration-line. Prečrtano, podčrtano in črtno skozi so tri možnosti za ta atribut. V CSS se atribut podčrtano uporablja za označevanje besedila. Pod vstavljenim besedilom s to vrednostjo je podčrtano.
Preko podrejenih besedilnih elementov so narisani besedilni okraski. To pomeni, da ko element definira okras besedila, okrasja ne more odstraniti podrejeni element.
palindrom v Javi
Ni narisane črte in vsi obstoječi okraski so izbrisani.
Podčrtaj: črta 1px je narisana čez osnovno črto besedila.
Prehodna linija: na 'srednji' točki besedila vstavi 1 slikovno črto čez besedilo.
Overline: doda črto 1px neposredno nad 'zgornjo' točko besedila čez besedilo.
Podedovanje: podeduje odlikovanje staršev.
Okras besedila je določen z lastnostjo text-decoration, ki je kratka značilnost za:
- text-decoration-line (obvezno)
- besedilo-okras-barva
- text-decoration-style
- besedilo-okras-debelina
prečrtano, podčrtano, podčrtano-prečrtano, črta skozi spada pod besedilno-okrasno vrstico.
Enobarvni, pikčasti, črtkani, valoviti, dvojni spadajo pod slog besedilne dekoracije.
Barva v decimalni vrednosti, šestnajstiški vrednosti ali dedovanje spada pod barvo besedila-dekoracije.
Lastnost border-bottom je alternativa dekoraciji besedila. Za oblazinjenje lahko uporabimo tudi robno dno.
testiranje združljivosti
Sintaksa: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Poglejmo zdaj primer in razumejmo uporabo lastnosti dekoracije besedila.
Besedilo-okras: podčrtaj prečrtaj
Primer: -
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> Izhod:
