Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> div { margin: 20px 0; } div.t1 { text-decoration-line: overline underline; text-decoration-style: solid; } div.t2 { text-decoration-line: line-through; text-decoration-style: wavy; } div.t3 { text-decoration-line: overline underline; text-decoration-style: double; } div.t4 { text-decoration-line: overline; text-decoration-style: dashed; } div.t5 { text-decoration-line: line-through; text-decoration-style: dotted; } </style> </head> <body> <h2>Text-decoration-style property example</h2> <div class="t1"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> <div class="t2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> <div class="t3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> <div class="t4"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> <div class="t5"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> </body> </html>