hyphens

The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines.

The example text “An extraordinarily long English word!” contains the hidden ­ (soft hyphen) character: An extra­ordinarily long English word!. This character is used to indicate a potential place to insert a hyphen when hyphens: manual; is specified.

The hyphens property can be used to define how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.

Hyphenation rules are language-specific. In HTML, the language is determined by the lang attribute. Browsers will only hyphenate if this attribute is present and the appropriate hyphenation dictionary is available. The auto setting’s behavior depends on the language being properly tagged to select the appropriate hyphenation rules.

Syntax example: hyphens: none;