CSS "hyphens: auto"

With hyphens: auto, the browser is free to automatically break words at hyphenation points it thinks are appropriate[1].

p {
  text-align: justify;
  hyphens: auto;
}

Methinks we’re going to be seeing a lot more text-align: justify as designers catch on.

Browser support

Support by language varies, but Firefox has supported all languages since v6 (released in 2011). As of this writing, Chrome and Edge don’t support any languages other than English. Safari supports just a few.

Minimum browser versions with English hyphenation dictionaries are as follows[1:1]:

Chrome Edge Firefox Opera Safari
88 88 6 74 5.1

References

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens ↩︎ ↩︎


Comments

Loading…