Vlastnost CSS Text-decoration: -
Podtržení lze použít ke zvýraznění důležitého textu. Element U a vlastnost CSS text-decoration jsou dvě nejpoužívanější techniky pro podtržení textu na webových stránkách.
Obojí lze snadno použít, ale prvek U nabízí sémantickou hodnotu významu. Další lze zobrazit na vyžádání, což usnadňuje změnu stavu podtržení jednoduchým přidáním tříd CSS do textu.
Zda jsou podtržení užitečná pro vyjádření významu nebo dostupnosti, je předmětem diskuse. Podtržení je přirozený přístup, který nabízí vyšší hodnotu uživatelského zážitku, když samotná barva k vyjádření významu nestačí.
Atribut text-decoration nabízí alternativní způsob podtržení textu. Text s hypertextovým odkazem lze také použít k nahrazení podtržení podtržením.
Overline je opakem podtržení. Na začátek textu se přidá řádek.
Můžeme použít všechny hodnoty podtržení a podtržení pro stejnou definici třídy. Vlastnost text-decoration určuje, jak je text prezentován několika způsoby. Když je text-decoration nastaven na podtržení, text uvnitř komponenty je podtržený.
Dekorace textu Vlastnosti CSS jsou fantastické pro text, ale mohou být omezeny z hlediska designu a nelze je použít pro netextové typy obsahu. Podtržení lze také vytvořit pomocí atributů ohraničení CSS.
metody arraylist
Atribut text-decoration je nejzákladnějším způsobem podtržení textu. Nejvýznamnější nevýhodou zdobení textu je, že není konfigurovatelná.
Vlastnost text-decoration používá ke zvýraznění vybraného textu podtržení, přetržení, přeškrtnutí nebo kombinaci řádků.
Obsah je podtržen pomocí atributu text-decoration-line. Overline, underline a line-through jsou tři možnosti pro tento atribut. V CSS se pro zvýraznění textu používá atribut underline. Podtržení se kreslí pod vložený text s touto hodnotou.
Přes podřízené textové prvky jsou nakresleny textové dekorace. To znamená, že když prvek definuje textovou dekoraci, dekoraci nelze odstranit podřízeným prvkem.
řazení vložení v jazyce Java
Není nakreslena žádná čára a všechny existující dekorace jsou odstraněny.
Zdůraznit: přes účaří textu se nakreslí čára 1px.
Řádek: do 'středního' bodu textu vloží přes něj čáru 1px.
Overline: přidá 1px řádek přímo nad „horní“ bod textu napříč textem.
Zdědit: zdědí rodičovskou výzdobu.
Dekorace textu je specifikována pomocí vlastnosti text-decoration, což je zkrácená charakteristika pro:
- text-decoration-line (povinné)
- text-dekorace-barva
- text-decoration-style
- text-dekorace-tl
overline, underline, underline-overline, line-through spadá pod text-decoration-line.
Plné, tečkované, čárkované, vlnité, dvojité spadá pod styl textové dekorace.
Barva v desítkové hodnotě, hexadecimální hodnotě nebo dědění spadá pod text-decoration-color.
celé číslo na řetězec
Vlastnost border-bottom je alternativou k dekoraci textu. Můžeme také použít border-bottom k zajištění vycpávky.
Syntaxe: -
text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness
Pojďme se nyní podívat na příklad a pochopit použití vlastnosti text-decoration.
Text-dekorace: podtržení podtržení
Pří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ýstup:
