swc/crates/swc_html_minifier/tests/fixture/attribute/style/input.html

56 lines
1.6 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en">
<head>
<title>Document</title>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<style type="TEXT/CSS">
h1 {color:red;}
p {color:blue;}
</style>
<style type=" ">
h1 {color:red;}
p {color:blue;}
</style>
<style type=" text/css ">
h1 {color:red;}
p {color:blue;}
</style>
<style type="unknown/unknown">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<p style=" color: red; background-color: rgb(100, 75, 200); "></p>
<p style="
color: red;
background-color: rgb(100, 75, 200);
"></p>
<p style="display : block;"></p>
<p style="display : block;"></p>
<p style="color:green">This is a paragraph.</p>
<p style="color:green;">This is a paragraph.</p>
<p style=" color : green ">This is a paragraph.</p>
<p style="--color: red; color: var(--color);">test</p>
<p style="margin: 15px; line-height: 1.5; text-align: center;">
Well, I am the slime from your video<br>
Oozin' along on your livin' room floor.</p>
<svg width="100%" height="100%" viewBox="-100 -100 200 200" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="-50" cy="-50" r="30" style="fill:red" />
<image style=" background: red; " x="10" y="20" width="80" height="80" href="recursion.svg" />
</svg>
<p style="color: red;;;;"></p>
<p style="color: red;;;;color: blue"></p>
<p style=" "></p>
<p style="broken"></p>
<p style="broken:"></p>
</body>
</html>