Make delicious recipes!

Chapter 4: Color styles




Property

Values

Example

color

color:name

color:#hexadecimal-value

color:rgb-value

color:green

color:#fc3a4a

color:rgb(100,50,255)

background-color

transparent

background-color:name

background-color:#hexadecimal-value

background-color:rgb-value

background-color:green

background-color:#fc3a4a

background-color:rgb(100,50,255)

background-image

none

url(<URL>)

background-image:url(ps_bg.png)
height:46px; width:92px

background-repeat

repeat

repeat-x

repeat-y

no-repeat

background-image:url(ps_bg.png);
background-repeat:no-repeat
background-color:white


background-image:url(ps_bg.png);
background-repeat:repeat-x
background-color:white

background-position

background-position:<left> <top>

background-position:<left%> <top%>

background-position:<inherit>

background-position:top

background-position:center

background-position:bottom

background-position:left

background-position:right

background-image:url(ps_bg.png);
background-repeat:no-repeat
background-color:white;
background-position:50px 10px


background-image:url(ps_bg.png);
background-repeat:no-repeat
background-color:white;
background-position:30% 30%

background-attachment

background-attachment:scroll

background-attachment:fixed

Fixed:

height:100px;width:300px;
background-image:url(ps_bg.png);
background-attachment:fixed;
background-color:white;
background-repeat:repeat-x
overflow:scroll;

Scroll:

height:100px;width:300px;
background-image:url(ps_bg.png);
background-attachment:scroll;
background-color:white;
background-repeat:repeat-x
overflow:scroll;






Like us on Facebook to remain in touch
with the latest in technology and tutorials!


Got a thought to share or found a
bug in the code?
We'd love to hear from you:

Name:
Email: (Your email is not shared with anybody)
Comment:

Facebook comments:

Site Owner: Sachin Goyal