layout/reftests/text-overflow/marker-shadow-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5 -->
   6 <html>
   7 <head>
   8 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   9 <style type="text/css">
  10 @font-face {
  11   font-family: DejaVuSansMono;
  12   src: url(../fonts/DejaVuSansMono.woff);
  13 }
  14
  15 div {
  16   font-family: DejaVuSansMono;
  17   padding-left: 1em;
  18 }
  19
  20 /* We put the text and marker into separate spans, because
  21    overflow markers (and their shadows) are drawn separately
  22    from the text frame. */
  23 span {
  24   text-shadow: -0.5em 3px 2px red;
  25 }
  26 </style>
  27 </head>
  28 <body>
  29
  30 <div><span>Hello</span><span>...</span></div>
  31
  32 </body>
  33 </html>