Home Menu

hyphens

The hyphens CSS property controls whether hyphenation is allowed to create more soft wrap opportunities within a line of text.

Syntax

CSS

hyphens: value;

JS

object.style.hyphens = "value";

Values

<'hyphens'> = none | manual | auto
none

Words are not hyphenated, even if characters inside the word explicitly define hyphenation opportunities.

manual

Words are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities.

auto

Words may be broken at hyphenation opportunities determined automatically by a language-appropriate hyphenation resource in addition to those indicated explicitly by a conditional hyphen.

Initial

manual

Examples

auto

manual

none

JS

Internal

line-break

overflow-wrap

word-break

word-wrap

External

World Wide Web Consortium (W3C)

JesusBible
HTMLCSSJSPHPSVGMore
AboutTerms