7

I want to break a text with hyphenation, but it brings an error:

enter image description here

It says: "Invalid property value".

But in many docs they say, that the "auto" value exists!

It should break this text with hyphenation:

enter image description here

I hope, that someone can help me with that!

Heretic Monkey
  • 11,687
  • 7
  • 53
  • 122
Tim
  • 245
  • 3
  • 6
  • 18

4 Answers4

5

To add to their answers to check if you have the right browser at https://caniuse.com/#feat=css-hyphens

You can also check MDN's documentation about it and see how your language dictionary may not be supported yet.

(scroll to the bottom to see Hyphenation dictionary language compatibility) https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens

There is even a footnote that says for Chrome:

No automatic hyphenation, only -webkit-hyphens: none is supported.

Henders
  • 1,195
  • 1
  • 21
  • 27
syciphj
  • 986
  • 5
  • 11
  • CSS Automatic Hyphenation for Windows/Linux/ChromeOS in `Chrome 88+` https://www.chromestatus.com/feature/5672891947417600 – nathan Nov 30 '20 at 16:18
1

If you take a look here http://caniuse.com/#feat=css-hyphens you can see that chrome doesn't really support hyphens.

"Only supported on Android & Mac platforms (and only the "auto" value) for now."

cloned
  • 6,346
  • 4
  • 26
  • 38
0

Not all browsers support hyphens: auto which is under CSS Text Module Level 3

For instance Chrome supports only inherit, initial, manual, none and unset with -Webkit- (13). What is the browser your are working with? Check CSS3 browser support for more detail.

Damith
  • 417
  • 1
  • 5
  • 15
0

'hyphens' is not supported by Chrome browser

All about JS
  • 562
  • 2
  • 10
  • This answer is no longer accurate. Other answers were more clear about the fact that it could be a temporary thing and linked to sites where one could find out the current status. – Heretic Monkey Jun 30 '22 at 14:50