我可能想到的快速解决方案是使用CSS.supports函数。也可以使用vanilla js。它是这样的：

CSS.supports(propertyName, propertyValue)

CSS.supports('color','red') 
//True.
CSS.supports('color', '#007')
//True. 

CSS.supports('color', 'random')
//False. 
CSS.supports('colours', 'red')
//False.

我认为没有必要生成一个helper函数，因为它非常简单。

你可以创建一个新的元素，并将你的CSS应用于它。你读取初始值，将你的CSS应用于这个元素，然后立即再次读取值。如果新值 * 不 * 等于初始值，你的CSS是有效的（因为它已经成功地应用于元素）。

var div = $("<div>");
var _old = div.css(property);
div.css(property,value);
var _new = div.css(property);
var valid = _old!=_new;
// if (_old != _new), the rule has been successfully applied
console[valid?"log":"warn"]( `${property}:${value} is ${valid?"":"not"} valid!` );

Example fiddle

从Christoph的回答中，我得到了这样的答案：

function validCSS(property,value){
    var div = $("<div>");
    var _old = div.css(property);
    div.css(property,value);
    var _new = div.css(property);
    return (_old!=_new);
}

这样使用：

if (validCSS(property, value)) {
    $('#some-element').css(property, value);
} else {
    alert ('Invalid CSS');
}

你可以读取任何元素的CSS属性，并检查结果是否被定义。大多数（所有？）CSS属性都有一个默认值。

$("body").css("border");  // "0px none rgb(0, 0, 0)"
$("body").css("borderx"); // undefined

回答

你可以用我创建的这个函数

function validCSS(property, value){
  var $el = $("<div></div>");
  $el.css(property, value);
  return ($el.css(property) == value);
}

https://gist.github.com/dustinpoissant/7828a80d2899c57d92472b59675fc3fa

测试

console.log(validCSS("width", "FooBar")); // false
console.log(validCSS("width", "100px")); // true

你可以使用普通的javascript和regex来检查css是否“有效”，你可以在w3schools找到更多关于javascript的regex实现。
还有一篇关于here的SO文章，讨论了如何创建一个查找CSS的正则表达式。