Css basic
css background properties |
|||
property | description | value | css version |
background | background-color
background-image background-repeat background-attachment background-position |
1 | |
background-attachment | scroll
fixed |
1 | |
background-color | color-rgb
color-hex color-name transparent |
1 | |
background-image | url(saiful.jpg) | 1 | |
background-position | top left
top center top right center center center right bottom left bottom right x% y% xpos ypos |
1 | |
background-repeat | repeat
repeat-x repeat-y no-repeat |
1 | |
css text properties | |||
color | color | 1 | |
direction | ltr
rtl |
2 | |
line-height | normal
number length % |
1 | |
letter-spacing | normal
length |
1 | |
text-align | left
right center justify |
1 | |
text-decoration | none
underline overline line-through blink |
1 | |
text-indent | length
% |
1 | |
text-transform | none
capitalize uppercase lowercase |
1 | |
unicode-bidi | normal
embed bidi-override |
2 | |
vertical-align | baseline
sub super top text-top middle bottom text-bottom length % |
1 | |
white-space | normal
pre nowrap |
1 | |
word-spacing | normal
length |
1 | |
css font properties | |||
font | font-style
font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar inherit |
1 | |
font-family | family-name
generic-family inherit |
1 | |
font-size | xx-small
x-small small medium large x-large xx-large smaller larger length % inherit |
1 | |
font-style | normal
italic oblique inherit |
1 | |
font-variant | normal
small-caps inherit |
1 | |
font-weight | normal
bold bolder lighter 100 200 300 400 500 600 700 800 900 inherit |
1 | |
css border properties | |||
border | border-width
border-style border-color |
1 | |
border-bottom | border-bottom-width
border-bottom-style border-bottom-color |
1 | |
border-bottom-color | border-color | 2 | |
border-bottom-style | border-style | 2 | |
border-bottom-width | border-width | 1 | |
border-color | color_name
hex_number rgb_number transparent inherit |
1 | |
border-left | border-left- width
border-left- style border-left- color |
1 | |
border-left- color | border-color | 2 | |
border-left- style | border-style | 2 | |
border-left- width | border-width | 1 | |
border-right | border-right- width
border-right- style border-right- color |
1 | |
border-right- color | border-color | 2 | |
border-right- style | border-style | 2 | |
border-right- width | border-width | 1 | |
border-style | none
hidden dotted dashed solid double groove ridge inset outset inherit |
1 | |
border-top | border-top-width
border-top- style border-top- color |
1 | |
border-top- color | border-color | 2 | |
border-top- style | border-style | 2 | |
border-top-width | border-width | 1 | |
border-width | thin
medium thick length inherit |
1 | |
css outline properties | |||
outline | outline-color
outline-style outline-width inherit |
2 | |
outline-color | color_name
hex_number rgb_number transparent invert inherit |
2 | |
outline-style | none
dotted dashed solid double groove ridge inset outset inherit |
2 | |
outline-width | thin
medium thick length inherit |
2 | |
css margin properties | |||
margin | margin-top
margin-right margin-bottom margin-left |
1 | |
margin-bottom | auto
length % |
1 | |
margin-left | auto
length % |
1 | |
margin-right | auto
length % |
1 | |
margin-top | auto
length % |
1 | |
css padding properties | |||
padding | padding-top
padding-right padding-bottom padding-left |
1 | |
padding-bottom | length
% |
1 | |
padding-left | length
% |
1 | |
padding-right | length
% |
1 | |
padding-top | length
% |
1 | |
css list properties | |||
list-style | list-style-type
list-style-position list-style-image inherit |
1 | |
list-style-image | url
none inherit |
1 | |
list-style-position | inside
outside inherit |
1 | |
list-style-type | none
disc circle square decimal decimal-leading zero armenian georgian lower-alpha upper-alpha lower-latin upper-latin lower-roman upper-roman inherit |
1 | |
css table properties | |||
border-collapse | collapse
separate inherit |
2 | |
border-spacing | length length
inherit |
2 | |
caption-side | top
bottom inherit |
2 | |
empty-cells | show
hide inherit |
2 | |
table-layout | auto
fixed inherit |
2 |
css advanced
css dimension properties | |||
height | auto
length % inherit |
1 | |
max-height | none
length % inherit |
2 | |
max-width | none
length % inherit |
2 | |
min-height | none
length % inherit |
2 | |
min-width | none
length % inherit |
2 | |
width | auto
length % inherit |
1 | |
css classification properties | |||
display | none
inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-column table-cell table-caption |
1 | |
visibility | visible
hidden collapse |
1 | |
css positioning properties | |||
bottom | auto
length % inherit |
2 | |
clip | shape
auto inherit |
2 | |
cursor | url
auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help |
2 | |
left | auto
length % inherit |
2 | |
overflow | auto
hidden scroll visible inherit |
2 | |
position | absolute
fixed relative static inherit |
2 | |
right | auto
length % inherit |
2 | |
top | auto
length % inherit |
2 | |
z-index | auto
number inherit |
2 | |
css float properties | |||
clear | left
right both none inherit |
1 | |
float | left
right none inherit |
1 |