text-spacing-trim-001.html (1369B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://drafts.csswg.org/css-text-4/#text-spacing-trim-property"> 4 <link rel="match" href="text-spacing-trim-001-ref.html"> 5 <meta name="variant" content="?class=halt,htb"> 6 <meta name="variant" content="?class=chws,htb"> 7 <meta name="variant" content="?class=halt,vrl"> 8 <meta name="variant" content="?class=chws,vrl"> 9 <script src="support/variant-class.js"></script> 10 <style> 11 @font-face { 12 font-family: halt-font; 13 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-halt.otf'); 14 } 15 @font-face { 16 font-family: chws-font; 17 src: url('/fonts/noto/cjk/NotoSansCJKjp-Regular-subset-chws.otf'); 18 } 19 #container { 20 font-family: halt-font; 21 font-size: 20px; 22 } 23 .chws #container { 24 font-family: chws-font; 25 } 26 .vrl { 27 writing-mode: vertical-rl; 28 } 29 </style> 30 <div id="container"> 31 <!-- Open + Open/Close/Middle --> 32 <div>国（（国</div> 33 <div>国（（（国</div> 34 <div>国（）国</div> 35 <div>国（・国</div> 36 <div>国（ 国</div> 37 <!-- Close + Open/Close/Middle --> 38 <div>国）（国</div> 39 <div>国））国</div> 40 <div>国）））国</div> 41 <div>国）・国</div> 42 <div>国） 国</div> 43 <!-- Middle + Open/Middle/Close --> 44 <div>国・（国</div> 45 <div>国・・国</div> 46 <div>国・）国</div> 47 <div>国 （国</div> 48 <div>国 国</div> 49 <div>国 ）国</div> 50 </div>