Question

I am trying to declare the border of a div using hsl() like this:

border: 2px solid hsl(0,200,105);

I am using Firefox 3.5 and there is no border being rendered at all. The same code works perfectly if hsl() is replaced with rgb()

I read somewhere that Firefox supports hsl() and hsla()

Am I doing something wrong?

and if hsl() is not supported, does anybody have any code to convert hsl to rgb?

Was it helpful?

Solution

According to the first Google result and the CSS specs, the syntax should be:

hsl(240, 100%, 50%);

The same article also has a converter: http://monc.se/kitchen/stew/hsl/

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top