CSS hyphens Property

Description

The hyphens property tells the browser how to arrange word breaks in a block of text. The hyphenation dictionary is stored in the browser and is connected if the lang attribute is present with the language code. Hyphenation rules are determined by the browser and may vary.

Initial value

manual

Applies to

All elements

Inherited

Yes

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.hyphens

Syntax

hyphens: none | manual | auto 

Values

• noneWords are not hyphenated, even if characters inside the word explicitly define hyphenation opportunities.
• manualWords are only hyphenated where there are characters inside the word that explicitly suggest hyphenation opportunities.
• autoThe browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses to use.

Example

.class {
   hyphens: auto; 
}

Browser Support

Desktop
10	12	55	43	44	5.1
Tablets / Mobile
55	55	43	43	4.2	6.0

Last updated by CSSPortal on: