HTML poskytuje textu různé možnosti stylingu. Jedním z nich je podtržení textu HTML. Pouhé podtržení nakreslí přímku pod textem, aniž by obsadilo řádek níže. V tomto tutoriálu se naučíme, jak podtrhnout text HTML značkou < u >, kódem CSS, třídou CSS a nastavte vlastnosti a alternativy podtržení.

Podtržení textu pomocí < u > Štítek

HTML poskytuje značku < u >, aby daný text v HTML podtrhl. < u > je počáteční značkou pro podtržení a < / u > se používá k nastavení konce podtržení. Značky podtržení lze bez problémů použít pro různé typy textu, jako jsou hypertextové odkazy, tučný text atd. V následujícím příkladu podtrhneme jedno slovo nebo celou větu nebo hypertextový odkaz. Značka < u > nebo podtržená značka HTML je podporována všemi hlavními prohlížeči, jako je Google Chrome, Mozilla Firefox, Microsoft Edge, Safari nebo Opera .

Podtrhnout text pomocí atributu CSS pro textovou výzdobu

CSS poskytuje atribut text-decoration k podtržení různých prvků HTML. K podtržení textu HTML můžeme použít atribut text-decoration. Atribut stylu dekorace textu lze použít s různými značkami HTML nebo prvky. V následujícím příkladu jsme k výběru textu a jeho podtržení použili značku < span >.

Nastavit barvu a styl podtržení textu

V některých případech nemusí stačit pouze podtržení textu HTML. Můžeme také vybarvit nebo změnit styl podtržení. Atribut CSS text-decoration lze použít ke stylizaci a vybarvení podtržení pomocí < u > tag nebo bez něj. Níže uvedeme barvu podtržení textu HTML jako červenou, zelenou a styl jako vlnitý, přerušovaný, tečkovaný a dvojitý.

wavy styl vytvoří ne přímku, kde bude čára vlnitá jako vlny.

dashed Styl vytvoří přerušované podtržení.

dotted Styl je podobný přerušovanému, ale body budou menší.

Styl double vloží dvě podtržení, kde výchozí je jedno podtržení.

Červená barva a přerušované podtržení lze použít k vyjádření pravopisu, syntaxe nebo obecných chyb. Také dotted

Použít třídu CSS pro podtržení textu HTML

Znovu a znovu psát každý podtržený kód CSS není dobrá práce. Lze vytvořit třídu CSS pro různé případy použití podtržení a tuto třídu lze použít pro podtržení textu HTML s jinými značkami HTML. V následujícím příkladu vytvoříme různé třídy CSS, jako je podtržení červená, podtržení zelená, abychom snadno vytvořili podtržení textu.