Quick Reference For Css

ADVERTISEMENT

BOX MODEL
direction
9.10
marks
13.2.3
margin-top, margin-right, margin-bottom, margin-left
§ 8.3
Value:
Value:
ltr | rtl | inherit
[crop || cross] | none | inherit
unicode-bidi
9.10
page-break-before, page-break-after
13.3
Value:
<length> | <percentage> | auto | inherit
Default: 0
Value:
normal | embed | bidi-override | inherit
Value:
auto | always | avoid | left | right | inherit
margin
§ 8.3
page-break-inside
13.3
VISUAL FORMATTING MODEL DETAILS
Value:
(<length> | <percentage> | auto){1,4} | inherit
Value:
avoid | auto | inherit
width
10.2
height
10.5
Default: not defined for shorthand properties
page
13.3.2
orphans, widows
13.3.3
padding-top, padding-right, padding-bottom, padding-left
§ 8.4
Value:
Value:
<length> | <percentage> |
<length> | <percentage> |
Value:
<identifier> | auto
Value:
<integer> | inherit
auto | inherit
auto | inherit
Value:
<length> | <percentage> | inherit
Default: 2
min-width
10.4
min-height
10.7
Default: 0
COLORS AND BACKGROUNDS
padding
§ 8.4
Value:
<length> | <percentage> |
Value:
<length> | <percentage> |
inherit
inherit
color
14.1
background-image
14.2.1
Value:
(<length> | <percentage>){1,4} | inherit
Default: UA dependent
Default: 0
Default: not defined for shorthand properties
max-width
10.4
max-height
10.7
Value:
<color> | inherit
Value:
<uri> | none | inherit
border-top-width, border-right-width, border-bottom-width,
Default: depends on user agent
background-attachment
14.2.1
border-left-width
§ 8.5.1
Value:
<length> | <percentage> |
Value:
<length> | <percentage> |
background-color
14.2.1
none | inherit
none | inherit
Value:
scroll | fixed | inherit
Value:
thin | medium | thick | <length> | inherit
line-height
10.8.1
Default: <color> | transparent |
border-width
§ 8.5.1
inherit
Value:
normal | <number> | <length> | <percentage> | inherit
background-repeat
14.2.1
Value:
(thin | medium | thick | <length>){1,4} | inherit
vertical-align
10.8.1
Default: see individual properties
Value:
repeat | repeat-x | repeat-y | no-repeat | inherit
Value:
border-top-color, border-right-color, border-bottom-color,
baseline | sub | super | top | text-top | middle | bottom |
background-position
14.2.1
border-left-color
§ 8.5.2
text-bottom | <percentage> | <length> | inherit
Value:
[[<percentage> | <length> ]{1,2} | [[top | center | bottom] ||
VISUAL EFFECTS
Value:
<color> | inherit
[left | center | right]]] | inherit
Default: the value of the 'color' property
Default: 0% 0%
overflow
11.1.1
border-color
§ 8.5.2
background
14.2.1
Value:
visible | hidden | scroll | auto | inherit
Value:
<color>{1,4} | transparent | inherit
Value:
[<background-color> || <background-image> || <background-
clip
11.1.2
Default: see individual properties
repeat> || <background-attachment> || <background-position>] |
border-top-style, border-right-style, border-bottom-style,
inherit
Value:
rect(<top> || <right> || <bottom> || <left>) | auto | inherit
Default: not defined for shorthand properties
border-left-style
§ 8.5.3
visibility
11.2
FONTS
Value:
none | hidden | dotted | dashed | solid | double | groove |
Value:
visible | hidden | collapse | inherit
ridge | inset | outset | inherit
font-family
15.2.2
GENERATED CONTENT, AUTOMATIC NUMBERING, AND LISTS
border-style
§ 8.5.3
Value:
[[<family-name> | (serif | sans-serif | cursive | fantasy |
content
12.2
Value:
(none | hidden | dotted | dashed | solid | double | groove |
monospace)],]* [<family-name> | (serif | sans-serif | cursive
ridge | inset | outset){1,4} | inherit
| fantasy | monospace)] | inherit
Value:
[ <string> | <uri> | <counter> | attr(X) | open-quote | close-
Default: see individual properties
Default: depends on user agent
quote | no-open-quote | no-close-quote ]+ | inherit
border-top, border-right, border-bottom, border-left
§ 8.5.4
Default: empty string
font-style
15.2.3
font-variant
15.2.3
quotes
12.4.1
Value:
[<border-top-width> || <border-style> || <color>] | inherit
Value:
normal | italic | oblique
Value:
normal | small-caps |
Default: see individual properties
| inherit
inherit
Value:
[<string> <string>]+ | none | inherit
border
§ 8.5.4
font-weight
15.2.3
Default: depends on user agent
counter-reset, counter-increment
12.5
Value:
[<border-width> || <border-style> || <color>] | inherit
Value:
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500
Default: see individual properties
| 600 | 700 | 800 | 900 | inherit
Value:
[<identifier> <integer>?]+ | none | inherit
font-stretch
15.2.3
VISUAL FORMATTING MODEL
marker-offset
12.6.1
Value:
normal | wider | narrower | ultra-condensed | extra-condensed
display
9.2.5
Value:
<length> | auto | inherit
| condensed | semi-condensed | semi-expanded | expanded |
list-style-type
12.6.2
extra-expanded | ultra-expanded | inherit
Value:
inline | block | list-item | run-in | compact | marker | table
| inline-table | table-row-group | table-header-group | table-
font-size
15.2.4
Value:
disc | circle | square | decimal | decimal-leading-zero |
footer-group | table-row | table-column-group | table-column |
lower-roman | upper-roman | lower-greek | lower-alpha | lower-
table-cell | table-caption | none | inherit
Value:
[xx-small | x-small | small | medium | large | x-large | xx-
latin | upper-alpha | upper-latin | hebrew | armenian |
large ] | [ larger | smaller ] | <length> | <percentage> |
position
9.3.1
georgian | cjk-ideographic | hiragana | katakana | hiragana-
inherit
iroha | katakana-iroha | none | inherit
Value:
static | relative | absolute | fixed | inherit
font-size-adjust
15.2.4
list-style-image
12.6.2
list-style-position
12.6.2
top, right, bottom, left
9.3.2
Value:
<number> | none | inherit
Value:
<uri> | none | inherit
Value:
inside | outside | inherit
Value:
<length> | <percentage> | auto | inherit
Font
15.2.5
list-style
12.6.2
float
9.5.1
Value:
[[<font-style> || <font-variant> || <font-weight>]? <font-
Value:
[<'list-style-type'> || <'list-style-position'> || <'list-
size> [/ <line-height>]? <font-family>] | caption | icon |
Value:
left | right | none | inherit
style-image'>] | inherit
menu | message-box | small-caption | status-bar | inherit
clear
9.5.2
Default: not defined for shorthand
Default: see individual properties
PAGED MEDIA
Value:
none | left | right | both | inherit
z-index
9.9.1
Size
13.2.2
Value:
auto | <integer> | inherit
Value:
<length>{1,2} | auto | portrait | landscape | inherit

ADVERTISEMENT

00 votes

Related Articles

Related forms

Related Categories

Parent category: Education
Go
Page of 2