third_party/WebKit/LayoutTests/fast/css/first-letter-visibility.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2 <html>
   3 <head>
   4 <title></title>
   5 <style type="text/css">
   6 #target:first-letter { color: blue; }
   7 </style>
   8
   9 <script type="text/javascript">
  10 function test()
  11 {
  12     var target = document.getElementById("target");
  13     target.style.visibility='hidden';
  14 }
  15 </script>
  16
  17 </head>
  18 <body onload="test()">
  19 <p>
  20 Test for <a href="http://bugs.webkit.org/show_bug.cgi?id=13169">
  21 http://bugs.webkit.org/show_bug.cgi?id=13169
  22 </a>
  23  css-formatted first letter won't hide dynamically
  24 </p>
  25 <p>
  26 The next line of text should become invisible, including first letter.
  27 </p>
  28 <div id="target">Click to hide</div>
  29 </body>
  30 </html>