How to find the `style property` the browser supports using javascript?

Question

I am trying to find my browser supports about the -webkit-text-security I would like to check through chrome, firefox, and ie.

for that, I try like this:

function cssPropertyValueSupported(prop, value) {
  var d = document.createElement('input');
  d.style[prop] = value;
  return d.style[prop] === value;
}
console.log(cssPropertyValueSupported('text-security', 'disc'));

But i am getting true with all browsers. since the firefox, and ie not at all support this. what is wrong here? or what is the correct way to find?

LiveDemo

Thanks in advance