logo

Ako podčiarknuť text v CSS?

CSS Text-decoration property: -

Na zvýraznenie dôležitého textu možno použiť podčiarknutie. Element U a vlastnosť CSS text-decoration sú dve najpoužívanejšie techniky na podčiarknutie textu na webových stránkach.

Obidva sa dajú ľahko použiť, ale prvok U ponúka významovú hodnotu. Ďalší sa môže zobraziť na požiadanie, čím sa zjednoduší zmena stavu podčiarknutia jednoduchým pridaním tried CSS do textu.

To, či sú podčiarknutia užitočné na vyjadrenie významu alebo dostupnosti, je predmetom diskusie. Podčiarknutia sú prirodzeným prístupom, ktorý ponúka vyššiu hodnotu používateľského zážitku, keď samotná farba na vyjadrenie významu nestačí.

Atribút text-decoration ponúka alternatívny spôsob podčiarknutia textu. Text s hypertextovým odkazom možno použiť aj na nahradenie podčiarknutia prečiarknutím.

Overline je opakom podčiarknutia. Do hornej časti textu sa pridá riadok.

Môžeme použiť všetky hodnoty podčiarknutia a podčiarknutia pre rovnakú definíciu triedy. Vlastnosť text-decoration určuje, ako je text prezentovaný niekoľkými spôsobmi. Keď je dekorácia textu nastavená na podčiarknutie, text vo vnútri komponentu je podčiarknutý.

Dekorácia textu Vlastnosti CSS sú fantastické pre text, ale môžu byť obmedzené z hľadiska dizajnu a nie sú použiteľné pre netextové typy obsahu. Podčiarknutia možno vytvoriť aj pomocou atribútov ohraničenia CSS.

odstránenie posledného commit git

Atribút text-decoration je najzákladnejším spôsobom podčiarknutia textu. Najvýznamnejšou nevýhodou dekorácie textu je, že nie je konfigurovateľná.

Vlastnosť text-decoration používa na zvýraznenie vybratého textu podčiarknutie, prečiarknutie, prečiarknutie alebo kombináciu čiar.

Obsah je podčiarknutý pomocou atribútu text-decoration-line. Pre tento atribút sú tri možnosti podčiarknuté, podčiarknuté a prečiarknuté. V CSS sa na zvýraznenie textu používa atribút underline. Podčiarknutie sa nakreslí pod vložený text s touto hodnotou.

Naprieč nasledujúcimi textovými prvkami sú nakreslené textové dekorácie. To znamená, že keď prvok definuje textovú dekoráciu, dekoráciu nemožno odstrániť podriadeným prvkom.

triedenie vloženia v jazyku Java

Nie je nakreslená žiadna čiara a všetky existujúce dekorácie sú vymazané.

Zdôrazniť: cez základnú čiaru textu sa nakreslí čiara 1px.

Prelínanie: v „strednom“ bode textu vloží cez neho čiaru s veľkosťou 1 pixel.

Overline: pridá čiaru 1 pixel priamo nad „horný“ bod textu cez text.

Zdediť: dedí rodičovskú výzdobu.

Dekorácia textu je špecifikovaná prostredníctvom vlastnosti text-decoration, čo je skratková charakteristika pre:

strojopis foreach loop
  • text-decoration-line (povinné)
  • text-dekorácia-farba
  • text-decoration-style
  • text-dekorácia-hrúbka

overline, underline, underline-overline, line-through patrí pod text-decoration-line.

Plná, bodkovaná, prerušovaná, zvlnená, dvojitá patrí do štýlu textovej dekorácie.

Farba v desiatkovej hodnote, hexadecimálnej hodnote alebo dedičnosti spadá pod text-decoration-color.

Vlastnosť border-bottom je alternatívou k dekorácii textu. Môžeme tiež použiť border-bottom na poskytnutie výplne.

Syntax: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Poďme sa teraz pozrieť na príklad a pochopiť použitie vlastnosti text-decoration.

Text-dekorácia: podčiarknutie prečiarknutia

Príklad: -

 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> 

Výkon:

Ako podčiarknuť text v CSS?