hyphenate-limit-chars-001.html (1063B)
1 <!DOCTYPE html> 2 <title>CSS Text: 'hyphens: auto' with a valid 'lang' attribute specification</title> 3 <link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation"> 4 <link rel="match" href="reference/hyphenate-limit-chars-001-ref.html"> 5 <link rel="author" href="mailto:kojii@chromium.org"> 6 <style> 7 #container > div { 8 border: black solid 2px; 9 font-family: monospace; 10 font-size: 20px; 11 line-height: 1; 12 width: 1ch; 13 hyphens: auto; 14 hyphenate-character: '-'; 15 } 16 </style> 17 <body> 18 <div lang="en-us" id="container"> 19 <div>example</div> 20 <div style="hyphenate-limit-chars: 8">example</div> 21 <div style="hyphenate-limit-chars: auto 2 2">example</div> 22 <div style="hyphenate-limit-chars: auto 3 2">example</div> 23 <div style="hyphenate-limit-chars: auto 4 2">example</div> 24 <div style="hyphenate-limit-chars: auto 5 2">example</div> 25 <div style="hyphenate-limit-chars: auto 2 3">example</div> 26 <div style="hyphenate-limit-chars: auto 2 4">example</div> 27 <div style="hyphenate-limit-chars: auto 3 4">example</div> 28 </div> 29 </body>