Hoe je kleuren bepaalt
De 5 manieren
Om via je CSS een kleur te bepalen voor achtergronden ( background ) , randen ( border ), links ( anchor ) en tekst ( text ), kan je dit op 5 verschillende manieren doen:
- Kleurnamen:
foo { color: red;} - Hexdecimaal:
foo { color: #ff0000; } - Short-hand hexdecimaal:
foo { color: #f00; } - RGB:
foo { color: rgb(255, 0, 0); } - RGB percentages:
foo { color: rgb(100%, 0%, 0%); }
Gelezen: 1400 | Color
Op Saturday 21 April 2007
In working drafts van CSS3 zijn andere manieren opgenomen, bijvoorbeeld HSL (Hue, Saturation, Lightness) kleuren en RGBA (met doorzichtigheid).
Zie meer op W3.org.
Op Saturday 21 April 2007
Ik kijk vooral uit naar rgba, waarbij de a staat voor alpha channel, maw doorzichtigheid.
Op Saturday 21 April 2007
Dat wordt inderdaad een héle handige, transparantie in CSS op kunnen nemen… Helaas duurt het nog wel vele jaren voor alle browsers het zullen ondersteunen, maar ‘t is een mooi vooruitzicht!
Op Sunday 22 April 2007
momenteel gebruik ik dit nog in css:
opacity:0.6; /* volgens W3C */
-moz-opacity:0.6; /* voor Firefox */
FILTER:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* voor Internet Explorer */
Op Monday 23 April 2007
Het verschil, Nathan, is dat je met de
hslaenrgbabijvoorbeeld alleen de achtergrondkleur of tekstkleur een beetje tranparant kunt maken. Met wat jij noemt, moet je direct het hele element transparant maken.Op Monday 23 April 2007
ja idd, en dan moet je een nieuwe div maken voor de tekst…
Op Tuesday 01 May 2007
Je kan ook System Colors gebruiken.
Zie zie 18.2
Op Friday 08 June 2007
Hee Nathan,
Ik zou die lange regel van IE vervangen door het iets kortere
filter:Alpha(opacity=60);