Stylesheet/CSS syntax highlighting: green text for invalid properties?

[Urnoev]

Hello,

I am editing an ebook with Calibre and have a question regarding the syntax highlighting of CSS code / stylesheets.

Properties are usually highlighted with blue text, but some are displayed with green text.

For example:

.box {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  word-wrap: break-word;
}

Does this difference have any significance?
Maybe the properties highlighted in green are invalid/unsupported for epub files? Or is it because of a CSS version difference?

The property does exist and works fine, even in the Calibre editor preview.

Thanks!

[Karellen]

I thought word-wrap was deprecated or non-standard.
Try overflow-wrap... https://developer.mozilla.org/en-US/.../overflow-wrap

You can also use <wbr/> and insert that where you want the break to occur. eg...
This<wbr/>isa<wbr/>long<wbr/>sentence

[JSWolf]

Originally Posted by Karellen

I thought word-wrap was deprecated or non-standard.
Try overflow-wrap... https://developer.mozilla.org/en-US/.../overflow-wrap

You can also use <wbr/> and insert that where you want the break to occur. eg...
This<wbr/>isa<wbr/>long<wbr/>sentence

<wbr/> does nothing in calibre, Throium, and ADE. So I suggest ignoring it as it doesn't work well enough.

[kovidgoyal]

word-wrap is deprecated and non-standard. Use overflow-wrap

[Urnoev]

Thank you all, I will use overflow-wrap instead.

But word-wrap was only an example and my question is rather what the green highlighting's meaning is.

[kovidgoyal]

It's meaning in that context is its not a recognized property name