Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / css3-text / css3-text-decoration / text-decoration-style-inherit-simple-underlines.html
blob: 2471710e1ce3c8fdf055edda0b8bd6196d9dbfe0 [file] [log] [blame]
<!DOCTYPE html>
<style>
/* Make decorations bigger so they are easier to see */
body {
font-size: 15px;
text-decoration-skip-ink: none;
}
body > div {
margin-bottom: 15px;
}
</style>
<!-- Special optimization for 'simple' underlines -->
<div style="text-decoration: underline;">
Solid black underline.
</div>
<div style="text-decoration: underline overline;">
<div style="text-decoration: underline wavy green;">
Solid black overline, solid black underline with wavy green underline on top.
</div>
</div>
<div style="text-decoration: underline wavy green;">
<div>
<div style="text-decoration: underline;">
Wavy green underline, solid black underline on top.
</div>
</div>
</div>
<div style="text-decoration: underline;">
<div>
<div style="text-decoration: underline wavy green;">
Solid black underline, wavy green underline on top.
</div>
</div>
</div>
<div style="text-decoration: underline wavy red;">
<div style="text-decoration: underline;">
Wavy red underline, solid black underline on top.
</div>
</div>
<div style="text-decoration: underline wavy red; color: blue;">
<div style="text-decoration: underline;">
Wavy red underline, solid blue underline on top, blue text.
</div>
</div>