HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> p{ font-size:20px; text-decoration-line: underline; } p:nth-child(3){ text-decoration-style: solid; } p:nth-child(5){ text-decoration-style: double; } p:nth-child(7){ text-decoration-style: dotted; } p:nth-child(9){ text-decoration-style: dashed; } p:nth-child(11){ text-decoration-style: wavy; } </style> </head> <body> <h1>CSS text-decoration-style Property</h1> <h2>text-decoration-style: solid;</h2> <p>This is a sentence.</p> <h2>text-decoration-style: double;</h2> <p>This is a sentence.</p> <h2>text-decoration-style: dotted;</h2> <p>This is a sentence.</p> <h2>text-decoration-style: dashed;</h2> <p>This is a sentence.</p> <h2>text-decoration-style: wavy;</h2> <p>This is a sentence.</p> </body> </html>
OUTPUT
×

Save as Private