Alkimisti/text-decoration.html

## text-decoration.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS: text-decoration-style</title>

    <style>
        p {
            text-decoration: underline;
            text-decoration-color: red;
        }

        #p1 {
            text-decoration-style: solid;
        }

        #p2 {
            text-decoration-style: double;
        }

        #p3 {
            text-decoration-style: dotted;
        }

        #p4 {
            text-decoration-style: dashed;
        }

        #p5 {
            text-decoration-style: wavy;
        }
    </style>
</head>
<body>

<p id="p1">text-decoration-style: solid</p>
<p id="p2">text-decoration-style: double</p>
<p id="p3">text-decoration-style: dotted</p>
<p id="p4">text-decoration-style: dashed</p>
<p id="p5">text-decoration-style: wavy</p>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS: text-decoration-style</title>

	<style>
	p {
	text-decoration: underline;
	text-decoration-color: red;
	}

	#p1 {
	text-decoration-style: solid;
	}

	#p2 {
	text-decoration-style: double;
	}

	#p3 {
	text-decoration-style: dotted;
	}

	#p4 {
	text-decoration-style: dashed;
	}

	#p5 {
	text-decoration-style: wavy;
	}
	</style>
	</head>
	<body>

	<p id="p1">text-decoration-style: solid</p>
	<p id="p2">text-decoration-style: double</p>
	<p id="p3">text-decoration-style: dotted</p>
	<p id="p4">text-decoration-style: dashed</p>
	<p id="p5">text-decoration-style: wavy</p>
	</body>
	</html>