ישנם חמישה סוגים של ערכים שניתן לתת למאפייני הסגנון:
מילות מפתח (למשל: underline או bold. נדון בהם בהרחבה בהמשך).
אורכים.
אחוזים.
כתובות (URLים).
צבעים.
אורכים מציגים את אורכם של אלמנטים במספרים (חלקם גם בשברים עשרוניים).
לאורכים ניתן להוסיף גם את סימן ה + או - כדי לסמן הוספה או הפחתה מהערך המיידי של התכונה, וכן יש לצרף, ללא רווחים, שתי אותיות המסמנות את יחידת המידה או את סימן האחוזים. יחידות מידה יכולות להיות: px,cm,mm,pt,pc,em,ex,in
ערכי URL חייבים לרשום בתוך סוגריים רגילים מייד אחרי המילה url כך:
תכונות של צבעים יכולות להיכתב לפי: שם הצבע RED, שלישיית RGB הקסדצימלית: #ff0000, או שלישית RGB דצימלית(עשרונית): rgb(255,0,0), כלומר ערך בין 0 ל255 לכל אחד מהצבעים. (rgb = red, green, blue) הערך 0,0,0 מייצג את הצבע שחור ואילו 255,255,255 הוא לבן. ניתן לייצג זאת גם באחוזים.
אורכים מציגים את אורכם של אלמנטים במספרים (חלקם גם בשברים עשרוניים).
לאורכים ניתן להוסיף גם את סימן ה + או - כדי לסמן הוספה או הפחתה מהערך המיידי של התכונה, וכן יש לצרף, ללא רווחים, שתי אותיות המסמנות את יחידת המידה או את סימן האחוזים. יחידות מידה יכולות להיות: px,cm,mm,pt,pc,em,ex,in
ערכי URL חייבים לרשום בתוך סוגריים רגילים מייד אחרי המילה url כך:
url(images/smile.gif) url(http://www.w3c.com/images/fits.jpg)שימו לב שאסור להשאיר רווח בין המילה url לבין הסוגריים וכן כי הכתובת המצוינת היא יחסית לכתובת של דף ה-CSS שבו כתוב הסגנון.
תכונות של צבעים יכולות להיכתב לפי: שם הצבע RED, שלישיית RGB הקסדצימלית: #ff0000, או שלישית RGB דצימלית(עשרונית): rgb(255,0,0), כלומר ערך בין 0 ל255 לכל אחד מהצבעים. (rgb = red, green, blue) הערך 0,0,0 מייצג את הצבע שחור ואילו 255,255,255 הוא לבן. ניתן לייצג זאת גם באחוזים.
Color:green; Color:#00ff00; Color:rgb(0,255,0); Color:rgb(0%,100%,0%);ארבעת השורות הללו ייתנו את אותה תוצאה בדיוק. גם כאן אסור להשאיר רווח בין המילה RGB לבין הסוגריים.


למאמר הקודם