css-validator
css-validator copied to clipboard
w3c
W3C CSS Validation Service
We are currently getting errors where we have: ```--primary_buttons_box_shadow: none;``` ```var(--primary_buttons_box_shadow) is not a box-shadow value :``` However, none is a valid value.
Hello, 1. Is there a current version of the jar that is not a fat jar that contains only the validator? Of course I can unpack this jar, leave what...
W3C is widely used by programming colleges and course programs to validate students projects. However it's greatly behind the official CSS specifications. Which in turn hurts students and drastically hampers...
```css .class { font-optical-sizing: auto; } ``` ``` Error: font-optical-sizing: Property font-optical-sizing doesn't exist. ``` https://developer.mozilla.org/en-US/docs/Web/CSS/font-optical-sizing
The CSS Validator is treating a nested style rule as a parse error. Below is the link to the W3C CSS Nesting Module: https://www.w3.org/TR/css-nesting-1/ Here is the style rule from...
I tried to validate the following CSS (copied from [here](https://github.com/web-platform-tests/wpt/blob/master/css/css-color/relative-currentcolor-oklch-01.html)), which includes the [oklch() function](https://drafts.csswg.org/css-color-5/#funcdef-oklch): ```css div { width: 100px; height: 100px; background-color: red; color: red; background-color: oklch(from currentColor l...
The `color-mix` functional notation is supported by all major browsers, but the validator does not recognize it. So far, I have encountered errors like the following: > Value Error :...
The CSS snippet `mypar { width:calc(10em /*comment*/ + 10px) }` gives the error `Value Error : width /*comment*/ + is an incorrect operator 10px)` When replacing the plus operator by...
requesting support for attributes that are used on the template element. ```html ``` This element is used with the shadow DOM for building web-components and contains a document fragment. The...
The following CSS validates correctly: ``` b {text-decoration: underline solid black;} /* .disabled-attribute{display: block;} */ % ! ) /* .another > .disabled > .attribute {box-shadow: 10px 10px 20px RGBA(255,255,255,0);border: 1px...
