text-spacing-trim-end-001.html (933B)
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-end-001-ref.html"> 5 <script src="support/variant-class.js"></script> 6 <meta name="variant" content="?class=halt,htb"> 7 <meta name="variant" content="?class=chws,htb"> 8 <meta name="variant" content="?class=halt,vrl"> 9 <meta name="variant" content="?class=chws,vrl"> 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 inline-size: 3.6em; 23 text-spacing-trim: trim-start; 24 } 25 .chws #container { 26 font-family: chws-font; 27 } 28 .vrl { 29 writing-mode: vertical-rl; 30 } 31 </style> 32 <div id="container"> 33 <div>国国国）国国国）</div> 34 </div>