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

CSS

.class {
   hyphens: auto; 
}

Browser Support

Desktop

10	79	55	43	44	5.1

Tablets / Mobile

55	55	43	43	4.2	6.0

Last updated by CSSPortal on:

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu