CSS

html text decoration

<p style="text-decoration: none;"> There will be no effects. Default value </p>
<p style="text-decoration: underline;"> Text will be underlined </p>
<p style="text-decoration: overline;"> A line will be drawn over the text </p>
<p style="text-decoration: line-through;"> Text will be strikethrough </p>

underline text using css

/* Using 'text-decoration' property with 'underline' value. we can draw underline below the text using css */
<style>
p {
  text-decoration: underline;
}
</style>
<p>Hello all Welcome here !!!</p>

text-decoration

a{
    text-decoration:underline; // default in A tag
    text-decoration:none;
    text-decoration: overline;
    text-decoration: line-through;
    text-decoration: underline overline;
}

//My youtube:'https://www.youtube.com/HasibulIslambd' 

Css Text-decoration

/* Keyword values */
text-decoration: underline;
text-decoration: underline dotted;
text-decoration: underline dotted blue;
text-decoration: underline overline;
text-decoration: blue wavy underline;
text-decoration: line-through;

text-decoration

text-decoration: underline;
text-decoration: overline red;
text-decoration: none;

/* Global values */
text-decoration: inherit;
text-decoration: initial;
text-decoration: revert;
text-decoration: unset;

how to underline text in css

p{
text-decoration: underline;
}

CSS Text Decoration

h1 {
  text-decoration-line: overline;
}

h2 {
  text-decoration-line: line-through;
}

h3 {
  text-decoration-line: underline;
}

p {
  text-decoration-line: overline underline;
}

custom text decoration

h1:after { 
  content:""; 
  float:left; 
  background:green; 
  width:100%; 
  height:6px; 
  border-radius: 3px;
}