Hyphenation arrives in Firefox and Safari

Big thanks to Fontdeck’s blog for pointing this out: Hyphenation is now supported in Safari 5.1 and Firefox 6. Here’s how to add the CSS3 rule:

p { hyphens:auto; }

Well, almost. In reality Firefox and Safari still only support vendor prefixes of the hyphens property (which is fair enough as the spec is still aworking draft) so the code you’ll actually need is this:

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

To turn hyphenation off, replace the auto value with manual. This will ensure that automatic hyphenation is turned off, but manually inserted soft hyphens (the ­ entity) are still respected.

(via Fontdeck)