Pouvez-vous obtenir des valeurs de propriété CSS valides du navigateur?

Un lecteur a récemment posé une excellente question: comment pouvons-nous obtenir la liste complète d'un navigateur des valeurs de propriété CSS valides? Bien que nous puissions déterminer si une propriété existe (par exemple, cursor ), trouver toutes les valeurs acceptables pour cette propriété présente un défi. Les spécifications du CSS offrent une liste, mais cela pourrait ne pas être exhaustif; Les navigateurs peuvent prendre en charge des valeurs supplémentaires et sans papiers.

Nous pouvons tester les valeurs empiriquement en les appliquant à un élément et en inspectant le résultat dans des outils de développement de navigateur. Cependant, cela nécessite de tester manuellement de nombreuses possibilités, ce qui le rend inefficace. La méthode CSS.supports(property, value) aide, mais elle ne confirme que la prise en charge d'une valeur spécifique , et non de la gamme complète des possibilités. Idéalement, une fonction comme CSS.validValues("property-name") renverrait un tableau de types de valeurs valides (par exemple, [" "," "," Auto "]), mais cette fonctionnalité n'est actuellement pas disponible. Peut-être que les progrès futurs du navigateur, tels que Houdini, amélioreront les capacités d'introspection CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!