Property

Description

Values

Sample

color

Sets the color of the text

color name, hex value, rgb value, hsl value

color: red;

background-color

Sets the background color of an element

color name, hex value, rgb value, hsl value, transparent

background-color: #ffffff;

border-color

Sets the color of an element's border

color name, hex value, rgb value, hsl value

border-color: blue;

outline-color

Sets the color of an element's outline

color name, hex value, rgb value, hsl value

outline-color: green;

text-shadow

Adds a shadow to the text

length, color

text-shadow: 2px 2px 5px blue;

box-shadow

Adds a shadow to an element

length, color

box-shadow: 5px 5px 5px grey;

opacity

Sets the opacity level of an element

0.0 to 1.0

opacity: 0.5;

background-image

Sets the background image of an element

url, none

background-image: url('example.jpg');

background-repeat

Sets how a background image is repeated

repeat, repeat-x, repeat-y, no-repeat

background-repeat: no-repeat;

background-size

Sets the size of a background image

length, percentage, cover, contain

background-size: cover;

Created with the Personal Edition of HelpNDoc: Effortlessly optimize your documentation website for search engines