Can you get valid CSS property values from the browser?

A reader recently posed a great question: how can we obtain a browser's complete list of valid CSS property values? While we can determine if a property exists (e.g., cursor), finding all acceptable values for that property presents a challenge. CSS specifications offer a list, but this might not be exhaustive; browsers may support additional, undocumented values.

We can test values empirically by applying them to an element and inspecting the result in browser developer tools. However, this requires manually testing numerous possibilities, making it inefficient. The CSS.supports(property, value) method helps, but it only confirms support for a specific value, not the full range of possibilities. Ideally, a function like CSS.validValues("property-name") would return an array of valid value types (e.g., ["", "", "auto"]), but this functionality is currently unavailable. Perhaps future browser advancements, such as Houdini, will improve CSS introspection capabilities.

The above is the detailed content of Can you get valid CSS property values from the browser?. For more information, please follow other related articles on the PHP Chinese website!