How to check the CSS hyphens in effect using Chrome developer tools?

Question

I am trying to set automatic hyphens via CSS. I am using the following CSS:

body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

My text does not seems to be hyphened. So I was checked the correct CSS is downloaded, and now I am trying to check for a particular element what hyphen is in effect. After pressing F12 I do not find any hyphen related CSS.

What am I missing?

Answer 1

For a moment hyphens are not supported by chrome (except default value 'none' that gives nothing), so you will rather see no effect, maybe try some javascript solution instead: https://github.com/mnater/hyphenator

http://caniuse.com/#search=hyphens