CSS hyphens Property

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

Formal syntax: none | manual | auto 

hyphens: none;
hyphens: manual;
hyphens: auto;

• 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.

.class {
   hyphens: auto; 
}

6+

10+

13+

5.1+

no

• Share on Facebook
• Share on Twitter
• Share on Google+