third_party/WebKit/LayoutTests/fast/text/decorations-with-text-combine.html

   1 <meta charset="utf-8">
   2 <style>
   3     body {
   4         font-family: "hiragino mincho pron";
   5         font-size: 24px;
   6         -webkit-writing-mode: vertical-rl;
   7     }
   8
   9     div {
  10         -webkit-margin-after: 10px;
  11     }
  12
  13     .combine {
  14         -webkit-text-combine: horizontal;
  15         color: blue;
  16     }
  17
  18     .underline .decorated {
  19         text-decoration: underline;
  20     }
  21
  22     .overline .decorated {
  23         text-decoration: overline;
  24     }
  25
  26     .line-through .decorated {
  27         text-decoration: line-through;
  28     }
  29
  30     .emphasis .decorated {
  31         -webkit-text-emphasis: open sesame;
  32     }
  33 </style>
  34 <body>
  35     <div class="underline">
  36         <div>
  37             その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
  38         </div>
  39         <div class="decorated">
  40             その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
  41         </div>
  42     </div>
  43
  44     <div class="overline">
  45         <div>
  46             その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
  47         </div>
  48         <div class="decorated">
  49             その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
  50         </div>
  51     </div>
  52
  53     <div class="line-through">
  54         <div>
  55             その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
  56         </div>
  57         <div class="decorated">
  58             その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
  59         </div>
  60     </div>
  61
  62     <div class="emphasis">
  63         <div>
  64             その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
  65         </div>
  66         <div class="decorated">
  67             その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
  68         </div>
  69     </div>
  70 </body>