hyphens-manual-010.html (1320B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Text: 'hyphens: manual' with no explicit hyphenation opportunity (basic)</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 <link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation"> 9 <link rel="match" href="reference/hyphens-manual-010-ref.html"> 10 11 <meta content="When 'hyphens' is set to 'manual', then words can be hyphenated only if characters inside the words explicitly define hyphenation opportunities. In this test, the characters inside the word 'Deoxyribonucleic' do not explicitly define hyphenation opportunities, so it must not be hyphenated." name="assert"> 12 13 <style> 14 div 15 { 16 border: black solid 2px; 17 font-family: monospace; 18 font-size: 32px; 19 margin-bottom: 0.25em; 20 width: 10ch; 21 } 22 23 div#test 24 { 25 hyphens: manual; 26 } 27 28 div#reference 29 { 30 hyphens: none; 31 } 32 </style> 33 34 <body lang="en"> 35 36 <p>Test passes if the characters inside of each black-bordered rectangles are laid out identically. Only "ucleic" should be outside of the black-bordered rectangles. 37 38 <div id="test">Deoxyribonucleic acid</div> 39 40 <div id="reference">Deoxyribonucleic acid</div> 41 42 <!-- 43 44 Extended form of abreviation DNA 45 46 -->