HTML ger olika stylingsalternativ för texten. En av dem är att understryka HTML-texten. Om du bara understryker ritar du en rak linje under texten utan att raden nedan upptar. I den här handledningen lär vi oss hur man understryker HTML-texten med < u > -tagg, CSS-kod, CSS-klass och ställa in understrykningsegenskaperna och alternativen.

Understryk text med < u > Tagg

HTML tillhandahåller < u > -taggen för att understryka den givna texten i HTML. < u > är starttaggen för understrykning och < / u > används för att ställa in slutet på understrukningen. Understrukna taggar kan användas för olika texttyper som hyperlänkar, fet text osv utan problem. I följande exempel kommer vi att understryka ett enda ord eller en fullständig mening eller en hyperlänk. < u > eller understruken HTML-tagg stöds av alla större webbläsare som Google Chrome, Mozilla Firefox, Microsoft Edge, Safari eller Opera .

Understrykad text med CSS-textdekorationsattribut

CSS tillhandahåller attributet text-decoration för att understryka olika HTML-element. Vi kan använda attributet text-decoration för att understryka HTML-text. Attributet text-dekorationsstil kan användas med olika HTML-taggar eller element. I följande exempel har vi använt < span > -taggen för att markera texten och understryka den.

Ställ in textens understryksfärg och stil

I vissa fall kanske det bara inte räcker att understryka HTML-texten. Vi kan också färga eller ändra stilen på understrykningen. CSS-attribut text-decoration kan användas för att utforma och färglägga understrykningarna med < u > tagg eller utan den. Nedan kommer vi att tillhandahålla HTML-texten som understryker färgen som röd, grön och stilen som vågig, streckad, prickad och dubbel.

wavy -stilen skapar inte en rak linje där linjen kommer att vara vågig som vågor.

dashed -stilen skapar streckad understrykning.

dotted -stilen liknar den streckade men punkterna blir mindre.

double -stil ger två understrykningar där standard är enstrykning.

Den röda färgen och streckad understrykning kan användas för att uttrycka stavning, syntax eller allmänna fel. Även dotted

Använd CSS-klass för HTML-text understrykning

Att skriva varje understruken CSS-kod, om och om igen, är inte bra arbete. En CSS-klass kan skapas för olika fall med understrykning och den här klassen kan användas för HTML-text understruken med andra HTML-taggar. I följande exempel kommer vi att skapa olika CSS-klasser som understruken-röd, understruken-grön för att skapa textstreck lätt.