third_party/WebKit/LayoutTests/fast/text/hyphenate-character-expected.html

   1 <style>
   2     .text-box {
   3         border: solid;
   4         padding: 4px;
   5         width: 110px;
   6         font-size: 18px;
   7         text-align: justify;
   8     }
   9
  10     .hyphenate-character-tilde-dot {
  11         -webkit-hyphenate-character: "\B7~";
  12     }
  13
  14     .test {
  15         float: left;
  16         margin: 0 4px;
  17     }
  18 </style>
  19 <div class="test">
  20     <p>The initial value (should be like <tt>auto</tt>)</p>
  21     <div class="text-box">
  22       antidisestab-lishment-arianism
  23     </div>
  24 </div>
  25 <div class="test">
  26     <p>The default (<tt>hyphenate-character: auto</tt>)</p>
  27     <div class="text-box hyphenate-character-auto">
  28       antidisestab-lishment-arianism
  29     </div>
  30 </div>
  31 <div class="test">
  32     <p>Bullet (<tt>hyphenate-character: "\2022"</tt>)</p>
  33     <div class="text-box hyphenate-character-bullet">
  34       antidisestab&#x2022; lishment&#x2022; arianism
  35     </div>
  36 </div>
  37 <div class="test">
  38     <p>Middle dot and tilde (<tt>hyphenate-character: "\B7~"</tt>)</p>
  39     <div class="text-box hyphenate-character-tilde-dot">
  40       antidisestab&#xb7;~ lishment&#xb7;~ arianism
  41     </div>
  42 </div>