<link rel=match href=001-ref.html>
<title>The font element text decoration color quirk, 001, quirks mode</title>
<style>[id] > * { color:fuchsia }</style>
<div>Quirk should apply:</div>
<div><u>foo <font style="color:fuchsia">style</font> bar</u></div>
<div><u>foo <font color="fuchsia">color</font> bar</u></div>
<div><u>foo <font color="fuchsia" style="color:fuchsia">color and style</font> bar</u></div>
<div><u>foo <font color="x" style="color:fuchsia">color=x and style</font> bar</u></div>
<div><u>foo <font color="transparent" style="color:fuchsia">color=transparent and style</font> bar</u></div>
<div><u>foo <font color="" style="color:fuchsia">color="" and style</font> bar</u></div>
<div><u>foo <font style="display:block; color:fuchsia">block</font> bar</u></div>
<div><s>foo <font color="fuchsia">line-through</font> bar</s></div>
<div><u style="text-decoration:overline">foo <font color="fuchsia">overline</font> bar</u></div>
<div>Quirks should not apply:</div>
<div><u>foo <span style="color:fuchsia">span</span> bar</u></div>
<div><u id="no-namespace">FAIL (script didn't run)</u></div>
<script>
var a = document.getElementById('no-namespace');
a.textContent = 'foo ';
var elm = document.createElementNS('', 'font');
elm.textContent = 'no-namespace font element';
a.appendChild(elm);
a.appendChild(document.createTextNode(' bar'));
</script>
<div><u id="uppercase">FAIL (script didn't run)</u></div>
<script>
var a = document.getElementById('uppercase');
a.textContent = 'foo ';
var elm = document.createElementNS('http://www.w3.org/1999/xhtml', 'FONT');
elm.textContent = 'uppercase FONT element';
a.appendChild(elm);
a.appendChild(document.createTextNode(' bar'));
</script>