first-letter-dynamic-001.xht (1484B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> 2 <title>CSS Test: :first-letter</title> 3 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> 4 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> 5 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" /> 6 <link rel="match" href="first-letter-dynamic-001-ref.xht"/> 7 <meta name="flags" content="dom" /> 8 <script type="text/javascript">function setTextContent(n, t) { n.textContent = t; } 9 10 var stylesheets = []; 11 function initFuzzerSpecific() 12 { 13 var myStylesheetHolder = document.getElementsByTagName("head")[0]; 14 15 for (var i = 0; i < 25; ++i) { 16 var s = document.createElementNS("http://www.w3.org/1999/xhtml", 'style'); 17 s.style.display = "none"; 18 myStylesheetHolder.appendChild(s); 19 stylesheets.push(s); 20 } 21 } 22 </script> 23 <style type="text/css"> 24 span:before { content: open-quote; } 25 span:after { content: close-quote; } 26 span { quotes: '"' '"'; } 27 </style> 28 </head> 29 <body> 30 31 <p><span>Foo</span></p> 32 33 <p id="p2"><span id="q2"></span></p> 34 35 <script type="text/javascript"> 36 document.body.offsetWidth; 37 initFuzzerSpecific(); 38 setTextContent(stylesheets[1], "*:after { border: 3px solid green; } :first-letter { color: green; }"); 39 setTextContent(stylesheets[2], "*:before { counter-reset: chicken; }"); 40 </script> 41 42 43 44 </body></html>