0% found this document useful (0 votes)
439 views4 pages

CSS Elements List

The document defines the names and possible values for numerous CSS properties. It lists each property name, the possible values it can be set to, and its initial value. Some examples of properties listed are font-size, color, text-align, padding, margin and display. For each property, it defines the possible values as keywords, units of measure or other syntactic forms and always specifies the property's initial value.

Uploaded by

Haris Shahzad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
439 views4 pages

CSS Elements List

The document defines the names and possible values for numerous CSS properties. It lists each property name, the possible values it can be set to, and its initial value. Some examples of properties listed are font-size, color, text-align, padding, margin and display. For each property, it defines the possible values as keywords, units of measure or other syntactic forms and always specifies the property's initial value.

Uploaded by

Haris Shahzad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
  • CSS Properties Reference

Name Values Initial value

<angle> | [[ left-side | far-left | left | center-left | center |


center-right | right | far-right | right-side ] || behind ] |
'azimuth' leftwards | rightwards |inherit center
'background-attachment' scroll | fixed | inherit scroll
'background-color' <color> | transparent | inherit transparent
'background-image' <uri> | none | inherit none

[ [ <percentage> | <length> | left | center | right ]


[ <percentage> |<length> | top | center | bottom ]? ] |
[ [ left | center | right ] || [ top | center | bottom ] ]
'background-position' | inherit 0% 0%

'background-repeat' repeat | repeat-x | repeat-y | no-repeat | inherit repeat

['background-color' || 'background-
image' || 'background-repeat' ||'background-
'background' attachment' ||'background-position'] | inherit see individual properties
'border-collapse' collapse | separate | inherit separate

'border-color' [ <color> | transparent ]{1,4} |inherit see individual properties


'border-spacing' <length> <length>? | inherit 0

'border-style' <border-style>{1,4} | inherit see individual properties


'border-top''border-right''border- [ <border-width> || <border-style> ||'border-top-color' ]
bottom''border-left' | inherit see individual properties
'border-top-color' 'border-right-
color''border-bottom-color' 'border- the value of the 'color'
left-color' <color> | transparent | inherit property
'border-top-style' 'border-right-
style''border-bottom-style' 'border-
left-style' <border-style> | inherit none
'border-top-width' 'border-right-
width''border-bottom-width' 'border-
left-width' <border-width> | inherit medium

'border-width' <border-width>{1,4} | inherit see individual properties


[ <border-width> || <border-style> ||'border-top-color' ]
'border' | inherit see individual properties

'bottom' <length> | <percentage> | auto |inherit auto


'caption-side' top | bottom | inherit top
'clear' none | left | right | both | inherit none
'clip' <shape> | auto | inherit auto

'color' <color> | inherit depends on user agent

normal | none | [ <string> | <uri> |<counter> |


attr(<identifier>) | open-quote | close-quote | no-open-
'content' quote | no-close-quote ]+ | inherit normal

'counter-increment' [ <identifier> <integer>? ]+ | none |inherit none


'counter-reset' [ <identifier> <integer>? ]+ | none |inherit none

Name Values Initial value


'cue-after' <uri> | none | inherit none
'cue-before' <uri> | none | inherit none

'cue' [ 'cue-before' || 'cue-after' ] | inherit see individual properties

[ [<uri> ,]* [ auto | crosshair | default | pointer | move |


e-resize | ne-resize | nw-resize | n-resize | se-resize |
sw-resize | s-resize | w-resize | text | wait | help |
'cursor' progress ] ] | inherit auto
'direction' ltr | rtl | inherit ltr

'display' inline | block | list-item | inline-block | table | inline-table | inline


table-row-group | table-header-group |

'elevation' <angle> | below | level | above | higher | lower | inherit level


'empty-cells' show | hide | inherit show
'float' left | right | none | inherit none

[[ <family-name> | <generic-family>] [, <family-


'font-family' name>| <generic-family>]* ] | inherit depends on user agent

<absolute-size> | <relative-size> |
'font-size' <length> | <percentage> | inherit medium
'font-style' normal | italic | oblique | inherit normal
'font-variant' normal | small-caps | inherit normal

'font-weight' normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
normal

[ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-


size' [ / 'line-height']? 'font-family' ] | caption | icon |
menu | message-box | small-caption | status-bar
'font' | inherit see individual properties

'height' <length> | <percentage> | auto |inherit auto

'left' <length> | <percentage> | auto |inherit auto


'letter-spacing' normal | <length> | inherit normal

'line-height' normal | <number> | <length> |<percentage> | inherit normal


'list-style-image' <uri> | none | inherit none
'list-style-position' inside | outside | inherit outside
'list-style-type' disc | circle | square | decimal | decimal-leading-zero | lower-roman
disc | upper-roman | lower-greek |
[ 'list-style-type' || 'list-style-position'|| 'list-style-image' ]
'list-style' | inherit see individual properties

Name Values Initial value


'margin-right''margin-left' <margin-width> | inherit 0
'margin-top''margin-bottom' <margin-width> | inherit 0

'margin' <margin-width>{1,4} | inherit see individual properties

'max-height' <length> | <percentage> | none |inherit none

'max-width' <length> | <percentage> | none |inherit none


'min-height' <length> | <percentage> | inherit 0
'min-width' <length> | <percentage> | inherit 0
'orphans' <integer> | inherit 2
'outline-color' <color> | invert | inherit invert
'outline-style' <border-style> | inherit none
'outline-width' <border-width> | inherit medium

'outline' [ 'outline-color' || 'outline-style' ||'outline-width' ] | inherit see individual properties

'overflow' visible | hidden | scroll | auto |inherit visible


'padding-top''padding-right''padding-
bottom''padding-left' <padding-width> | inherit 0

'padding' <padding-width>{1,4} | inherit see individual properties

'page-break-after' auto | always | avoid | left | right |inherit auto

'page-break-before' auto | always | avoid | left | right |inherit auto


'page-break-inside' avoid | auto | inherit auto
'pause-after' <time> | <percentage> | inherit 0
'pause-before' <time> | <percentage> | inherit 0

'pause' [ [<time> | <percentage>]{1,2} ] |inherit see individual properties


'pitch-range' <number> | inherit 50
<frequency> | x-low | low | medium | high | x-high
'pitch' | inherit medium

'play-during' <uri> [ mix || repeat ]? | auto | none | inherit auto

'position' static | relative | absolute | fixed |inherit static

'quotes' [<string> <string>]+ | none | inherit depends on user agent


'richness' <number> | inherit 50

'right' <length> | <percentage> | auto |inherit auto


'speak-header' once | always | inherit once
'speak-numeral' digits | continuous | inherit continuous
'speak-punctuation' code | none | inherit none
'speak' normal | none | spell-out | inherit normal
<number> | x-slow | slow | medium | fast | x-fast |
'speech-rate' faster | slower |inherit medium
'stress' <number> | inherit 50
'table-layout' auto | fixed | inherit auto

a nameless value that acts


as 'left' if 'direction' is 'ltr',
'text-align' left | right | center | justify | inherit 'right' if 'direction' is 'rtl'

Name Values Initial value

'text-decoration' none | [ underline || overline || line-through || blink ] | inherit


none
'text-indent' <length> | <percentage> | inherit 0

'text-transform' capitalize | uppercase | lowercase | none | inherit none

'top' <length> | <percentage> | auto |inherit auto

'unicode-bidi' normal | embed | bidi-override |inherit normal

baseline | sub | super | top | text-top | middle | bottom |


'vertical-align' text-bottom |<percentage> | <length> | inherit baseline
'visibility' visible | hidden | collapse | inherit visible

[[<specific-voice> | <generic-voice>],]* [<specific-


'voice-family' voice> | <generic-voice> ] | inherit depends on user agent

<number> | <percentage> | silent | x-soft | soft |


'volume' medium | loud | x-loud | inherit medium

'white-space' normal | pre | nowrap | pre-wrap | pre-line | inherit normal


'widows' <integer> | inherit 2

'width' <length> | <percentage> | auto |inherit auto


'word-spacing' normal | <length> | inherit normal
'z-index' auto | <integer> | inherit auto

Name
Values
Initial value
center
scroll
transparent
none
0% 0%
repeat
see individual properties
separate
see individual prope
none
Name
Values
Initial value
none
none
see individual properties
auto
ltr
inline
level
show
none
depends on user agent
medi
disc
see individual properties
Name
Values
Initial value
'margin-right''margin-left'
0
'margin-top''margin-bottom'
0
see indi
none
normal
medium
50
auto
Name
Values
Initial value
none
0
none
auto
normal
baseline
visible
depends on user agent
medium
no

You might also like