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="assert" content="Inline element with 'visibility:hidden' must not prevent a text-decoration value being applied to the line box"/>
   9   <style type="text/css">
  10   #test{
  11   text-decoration:overline;
  12   font-size:80px;
  13   background:yellow;
  14   float:left;
  15   }
  16   #test span{
  17   visibility:hidden;
  18   }
  19   </style>
  20  </head>
  21
  22  <body>
  23   <p>To pass, there <strong>must</strong> be an overline spanning the full width of the yellow box.</p>
  24   <div id="test">
  25    visible
  26    <span>hidden</span>
  27   </div>
  28  </body>
  29 </html>