shy-styling-001.html (791B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: soft hyphen styling</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property"> 6 <link rel="match" href="reference/shy-styling-001-ref.html"> 7 <link rel="match" href="reference/shy-styling-001-alt-ref.html"> 8 <meta name="assert" content="hypens inserted where there was a soft-hyphen take on the styles that would have applied to the soft hyphen"> 9 <style> 10 div { 11 width: 0ch; 12 hyphens: manual; 13 } 14 span { 15 font-size: 3em; 16 color: red; 17 text-shadow: 3px 3px 3px black; 18 } 19 </style> 20 21 <p>Test passes if the word “example” below is hyphenated, and the hyphen is large, red, and has a shadow 22 23 <div>ex<span>­</span>ample</div>