CODEWITHSUNDEEP
htmlcssfirefoxhsl
KJ Saxena
KJ Saxena

Reputation: 21828

hsl color problem in Firefox

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?

Upvotes: 4

Views: 2493

Answers (1)

Kobi
Kobi

Reputation: 137997

According to the CSS specs, the syntax should be:

hsl(240, 100%, 50%);

Here's a nice tutorial on Working with HSL in CSS, and a useful converter.

Upvotes: 4

Related Questions