testing/web-platform/tests/css/css-text-decor/text-decoration-visibility-005.xht

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   5   <title>CSS Test: text-decoration:overline - visibility:hidden 5</title>
   6   <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/>
   7 <link rel="help" href="https://drafts.csswg.org/css-text-decor/#line-decoration"/>
   8   <meta name="flags" content=""/>
   9   <meta name="assert" content="Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box"/>
  10   <style type="text/css">
  11   #test{
  12   text-decoration:overline;
  13   font-size:80px;
  14   background:yellow;
  15   float:left;
  16   }
  17   #test span{
  18   visibility:hidden;
  19   }
  20   </style>
  21  </head>
  22
  23  <body>
  24   <p>To pass, there <strong>must</strong> be an overline spanning the full width of the yellow box.</p>
  25   <div id="test">
  26    visible
  27    <span>hidden</span>
  28   </div>
  29  </body>
  30 </html>