hyphens-auto-control-ref.html (1117B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Text 6.1. Hyphenation Control: the hyphens property</title> 6 <link rel="author" title="Chun-Min (Jeremy) Chen" href="mailto:jeremychen@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <style> 9 code { 10 display: block; 11 hyphens: manual; 12 border: 1px solid black; 13 /* Prefer Courier New if available, as otherwise Menlo may be used, 14 and its HYPHEN and HYPHEN-MINUS glyphs don't match. */ 15 font-family: Courier New, Courier, monospace; 16 } 17 </style> 18 </head> 19 <body lang="en-us"> 20 <!-- 21 Hyphenation opportunities of the texts in this test are as follows, 22 23 frag[A]ilis[A]tic[C]ex[A]pi[A]ali 24 25 where [A] is an automatic hyphen, and [C] is a conditional hyphen. 26 27 In this test, we set width to somewhere after the conditional hyphen, 28 then we see if automatic hyphen breaks are ignored correctly. 29 --> 30 <code style="width:12ch;"> 31 fragilistic-<br />expiali 32 </code> 33 <br /> 34 <code style="width:14ch;"> 35 fragilistic-<br />expiali 36 </code> 37 <br /> 38 <code style="width:16ch;"> 39 fragilistic-<br />expiali 40 </code> 41 </body> 42 </html>