Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Finer grained control of hyphenation with CSS4 Text #88

Open
grayghostvisuals opened this issue Mar 15, 2013 · 0 comments
Open

Finer grained control of hyphenation with CSS4 Text #88

grayghostvisuals opened this issue Mar 15, 2013 · 0 comments

Comments

@grayghostvisuals
Copy link
Contributor

Was reading the article Finer grained control of hyphenation with CSS4 Text and had my #mindblown. Hello hyphens my old friend.

// allows you to specify the maximum number of lines in a row that a word will be hyphenated. 
// Supported in IE10 and Safari using -ms- and -webkit-
hyphenate-limit-lines: 2;

// You can set these limits with the hyphenate-limit-chars property. It takes three space
// separated values. If all are set, the first is the minimum character limit for the word
// before hyphenation, the second is the minimum characters before the hyphenation
// break, and the last is the minimum characters after the hyphenation break. 
// Currently only supported by IE10 using -ms- as of 3/15/13 
hyphenate-limit-chars: 6 3 2;

// Setting the hyphenation zone.
// Specified using a length value or a percentage
// Support is limited to IE10
hyphenate-limit-zone: 40px;

// specifies if hyphenation is applied on the last line of an element, 
// column, page, or spread
hyphenate-limit-last: column;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant