8

I just noticed in Firefox (I assume it's the same in Chrome) a new property value called "anywhere" of a property "word-wrap". What does it do? I remember using normal (which is default) or break-word (for most uses) but what does "anywhere" mean? How is it different from "break-word"? Mozilla.org doesn't have it listed in their manual (yet?)

"anywhere" seems to do the same thing "break-word" does. I'm seeing this in Firefox 67.0

word-wrap: anywhere;

I don't really know what to make of it. Is it usefull? Has it always been there all this time and I just missed it?

Temani Afif
  • 245,468
  • 26
  • 309
  • 415
Glenn Carver
  • 89
  • 1
  • 11

1 Answers1

9

Refer to the specification to find the definition:

anywhere

An otherwise unbreakable sequence of characters may be broken at an arbitrary point if there are no otherwise-acceptable break points in the line. Shaping characters are still shaped as if the word were not broken, and grapheme clusters must stay together as one unit. No hyphenation character is inserted at the break point. Soft wrap opportunities introduced by anywhere are considered when calculating min-content intrinsic sizes.

and later you can read:

break-word

As for anywhere except that soft wrap opportunities introduced by break-word are not considered when calculating min-content intrinsic sizes.

Simply notice that the browser support is quite limited:

enter image description here

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#Browser_compatibility

Community
  • 1
  • 1
Temani Afif
  • 245,468
  • 26
  • 309
  • 415
  • 1
    So that's where CSS is being developed. I recon this IS a new thing as I thought, right? Anyways that does answer my question, thank you. – Glenn Carver May 25 '19 at 12:02
  • @GlennCarver this is the offical specification, so yes it's where things are decided before implemented. – Temani Afif May 25 '19 at 12:09