מדריך CSS – ערכי תכונות הסגנון

ישנם חמישה סוגים של ערכים שניתן לתת למאפייני הסגנון:

• מילות מפתח (למשל: underline או bold. נדון בהם בהרחבה בהמשך).
• אורכים.
• אחוזים.
• כתובות (URLים).
• צבעים.

אורכים מציגים את אורכם של אלמנטים במספרים (חלקם גם בשברים עשרוניים).

לאורכים ניתן להוסיף גם את סימן ה + או – כדי לסמן הוספה או הפחתה מהערך המיידי של התכונה, וכן יש לצרף, ללא רווחים, שתי אותיות המסמנות את יחידת המידה או את סימן האחוזים.
יחידות מידה יכולות להיות: px,cm,mm,pt,pc,em,ex,in

ערכי URL חייבים לרשום בתוך סוגריים רגילים מייד אחרי המילה url כך:

url(images/smile.gif)
url(https://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 לבין הסוגריים.