src/third_party/WebKit/LayoutTests/fast/text/emphasis-vertical.html

   1 <!doctype html>
   2 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   3 <style>
   4     body {
   5         -webkit-writing-mode: vertical-rl;
   6         font-size: 18px;
   7         font-family: "HiraMinPro-W3";
   8         overflow: hidden;
   9     }
  10
  11     div {
  12         border: solid;
  13         height: 360px;
  14         float: left;
  15         margin: 8px;
  16     }
  17 </style>
  18
  19 <div>
  20     せっかく見つけたすばらしい記事<span style="-webkit-text-emphasis: '@';">がどこにあったか忘れてしま</span>った経験はありますか<span style="-webkit-text-emphasis: '*'; -webkit-text-emphasis-position: under;">ならタイトルとアドレスだけでなく、</span>訪問したウェブページのコンテンツからも検索することができます。
  21 </div>
  22
  23 <div>
  24     せっか<span style="-webkit-text-emphasis: filled red;">く見つけたす</span><span style="-webkit-text-emphasis: open green;">ばらしい</span><span style="-webkit-text-emphasis: circle;">記事がど</span><span style="-webkit-text-emphasis: dot;">こにあっ</span><span style="-webkit-text-emphasis: double-circle;">たか忘れてし</span><span style="-webkit-text-emphasis: sesame;">まった経験</span><span style="-webkit-text-emphasis: triangle;">はありますか</span><span style="-webkit-text-emphasis: open dot;">ならタイトルと</span><span style="-webkit-text-emphasis: open double-circle;">アドレスだけでな</span><span style="-webkit-text-emphasis: open sesame;">く、訪問したウ</span><span style="-webkit-text-emphasis: open triangle;">ェブページのコンテ</span>ンツからも検索することができます。
  25 </div>
  26
  27 <div style="-webkit-writing-mode: vertical-lr;">
  28     せっか<span style="-webkit-text-emphasis: filled red;">く見つけたす</span><span style="-webkit-text-emphasis: open green;">ばらしい</span><span style="-webkit-text-emphasis: circle;">記事がど</span><span style="-webkit-text-emphasis: dot;">こにあっ</span><span style="-webkit-text-emphasis: double-circle;">たか忘れてし</span><span style="-webkit-text-emphasis: sesame;">まった経験</span><span style="-webkit-text-emphasis: triangle;">はありますか</span><span style="-webkit-text-emphasis: open dot;">ならタイトルと</span><span style="-webkit-text-emphasis: open double-circle;">アドレスだけでな</span><span style="-webkit-text-emphasis: open sesame;">く、訪問したウ</span><span style="-webkit-text-emphasis: open triangle;">ェブページのコンテ</span>ンツからも検索することができます。
  29 </div>
  30
  31 <div style="line-height: 2;">
  32     せっかく見つけたすばらしい記事<span style="-webkit-text-emphasis: filled;">がどこにあったか忘れてしま</span>った経験はありますか<span style="-webkit-text-emphasis: open; -webkit-text-emphasis-position: under;">ならタイトルとアドレスだけでなく、</span>訪問したウェブページのコンテンツからも検索することができます。
  33 </div>