ישנם חמישה סוגים של ערכים שניתן לתת למאפייני הסגנון:
- מילות מפתח (למשל: underline או bold. נדון בהם בהרחבה בהמשך).
- אורכים.
- אחוזים.
- כתובות (URL).
- צבעים.
אורכים ואחוזים
אורכים מציגים את אורכם של אלמנטים במספרים (חלקם גם בשברים עשרוניים).
לאורכים ניתן להוסיף גם את סימן ה + או - כדי לסמן הוספה או הפחתה מהערך המיידי של התכונה, וכן יש לצרף, ללא רווחים, שתי אותיות המסמנות את יחידת המידה או את סימן האחוזים.
יחידות מידה יכולות להיות:
| היחידה | תיאור |
| % | אחוזים |
| in | אינץ' |
| cm | סנטימטר |
| mm | מילימטר |
| em | Em אחד זהה לגודלו הנוכחי של הפונט. 2em משמעו פעמיים גודלו הנוכחי של הפונט. לדוגמא: אם גודלו של הפונט הנוכחי הוא 12pt אזי 2em משמעותם 24pt. יחידה זו הינה שימושית מאד ב-CSS שכן היא מאפשרת התאמת הגודל הרצוי למתכנן, לפונט המצוי בשימוש אצל הגולש. |
| ex | משמעו גובה-X של הפונט (בדרך כלל כמחצית מגודל הפונט). |
| pt | נקודות (1pt שווה כ- 1/72 אינץ'). |
| pc | Pica (1pc שווה ל- 12pt). |
| px | פיקסל (נקודה על מסך המחשב). |
כתובות
ערכי 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 לבין הסוגריים.
| Unit | תאור |
| color_name | A color name (e.g. red) |
| rgb(x,x,x) | An RGB value (e.g. rgb(255,0,0)) |
| rgb(x%, x%, x%) | An RGB percentage value (e.g. rgb(100%,0%,0%)) |
| #rrggbb | A HEX number (e.g. #ff0000) |
רשומות
אין תגובות:
הוסף רשומת תגובה