Personally, I find it quite enjoyable to verify CSS validity as it enhances the functionality of a website. However, the stylesheet I am currently using contains color specifications such as:
border-right: 1px solid hsla( 0, 0%, 0%, 0.2 );
This particular line of code triggers an error when checked with W3C validation services, even with the level=css3 parameter set, resulting in:
Value Error : border-right Too many values or values are not recognized : 1px solid hsla(0,0%,0%,0.2 )
Attempting to rectify the issue by using the following code snippet:
border-left: 1px solid ; border-left-color: hsla( 0, 0%, 100%, 0.3 );
Yields another error message:
Value Error : border-left-color hsla(0,0%,100%,0.3 ) is not a border-color value : hsla(0,0%,100%,0.3 )
It seems that this notation is still under consideration based on the specification mentioned here. So, does this mean that validating it completely is currently out of reach? The presence of the alpha component appears to be causing the confusion. Is there any way to separate that part of the value for proper validation?