javascript - Background-clip: text に対するブラウザのサポートをテストするには?

Question

background-clip: text の値をどのようにテストしますか? webkit はテキストをサポートしていますが、mozilla と他のブラウザーはサポートしていません。

Answer 1

var testEl = document.createElement( "x-test" );
var supportsWebkitBackgroundClipText = typeof testEl.style.webkitBackgroundClip !== "undefined" && ( testEl.style.webkitBackgroundClip = "text", testEl.style.webkitBackgroundClip === "text" );