| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Text test: hyphenate-character</title> |
| <link rel="author" title="Jonathan Kew" href="mailto:[email protected]"> |
| <link rel="help" href="https://drafts.csswg.org/css-text-4/#hyphenate-character"> |
| <link rel="match" href="reference/hyphenate-character-004-ref.html"> |
| <meta name="assert" content="Specifies the string that appears at the end of the line before a hyphenation break"> |
| <style> |
| div { |
| font: 16px monospace; |
| width: 6.5ch; /* wide enough that the last potential break in "im-ple-men-ta-tion" should NOT be used */ |
| hyphens: manual; |
| hyphenate-character: "/-/"; |
| } |
| </style> |
| |
| <p>Test passes if the words below are hyphenated <b>using the string "/-/"</b>. |
| |
| <div lang="en"> |
| im­ple­men­ta­tion<br><br> |
| ini­tial­iza­tion<br><br> |
| re­al­iza­tion<br><br> |
| hy­phen­ation |
| </div> |
