7.1 רקע וקידמה - כללי

לכל אלמנט בדף HTML יש רקע (background) וקידמה (foregound), ולכל אחד מהם יש צבע. 

color

התכונה color צובעת את הקידמה (foreground). את האותיות. כפי שצויין לעיל ניתן להשתמש בהגדרות הצבעים בשיטת המילים (green), ערך הקסדצימלי (#00ff00) או שלשות של ערכי RGB. 

---

body {color: rgb(255,255,0)}

---

Background

סגנונות הצבעים והרקע שולטים בתכונות אלה ומעצבים אותם לפי רצונך. אלמנטים בנים יורשים בדרך כלל את הצבעים של הוריהם. לדוגמה אם הגדרת ל-body צבע ירוק, יקבלו גם הכותרות <h1> צבע ירוק.

התכונה background מאגדת את כל תכונות הרקע ומאפשרת לקצר הגדרות. אין חוקים לגבי סדר הערכים ואפשר לשים אותם בכל סדר שהוא, מופרדים זה מזה ברווח:

---

table{background: url(lines.gif) fixed middle center darkgreen no-repeat;}

---

Property	Description	Values
background	A shorthand property for setting all background properties in one declaration	background-color background-image background-repeat background-attachment background-position
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page	scroll fixed
background-color	Sets the background color of an element	color-rgb color-hex color-name transparent
background-image	Sets an image as the background	url(URL) none
background-position	Sets the starting position of a background image	top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos
background-repeat	Sets if/how a background image will be repeated	repeat repeat-x repeat-y no-repeat

► הקודם  הבא  ◄