Dar vieno analitiko svetainė

Petras Kudaras

CSS3 Color standartas

Va pradėjau skaityt tuos naujuosius CSS standartus. Pirmas, kurį griebiau už ragų, buvo CSS3 Color. Štai kokie jame pakeitimai nuo CSS2 laikų…

Kaip ir seniau, spalvas galima nurodyti dviem būdais: įprastiniais vardais, arba RGB reikšmėmis, pvz:

em { color: lime } /* Spalvos vardas */
em { color: rgb(0,255,0) } /* RGB 0-255 */
em { color: #ff0000 } /* #rrggbb */

Atsirado naujas labai naudingas dalykas kaip opacity, kuris nurodo, kiek elementas turi būti permatomas. Taip pat bus galima nurodyti color-profile (Na, aš tiksliai nežinau kaip ji ten aprašoma, ir kam iš to nauda, bet kiek pamenu čia dizainerių naudojamas daiktas). opacity bus galima nurodyti ir prie rgba() atributų:

em { color: rgba(255,0,0,1) /* spalva #ff0000 su opacity = 1 */
p { color: rgba(0,0,255,0.5) } /* pusiau permatoma mėlyna spalva */

Tuo viskas nesibaigia. Vietoj RGB galima naudoti ir HSL (hue, saturation, lightness):

p { color: hsl(0, 100%, 50%) } /* raudona */
em { color: hsla(0, 100%, 50%, 0.5) } /* tas pats tik pusiau permatomas 
*/

Kaip sakant dėl kitų detalių tai patys persiskaitykit patį standartą