CSS Colors
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