| Name | Values | Initial value | Applies to (Default: all) | Inherited? | Percentages (Default: N/A) | Media groups |
|---|---|---|---|---|---|---|
| azimuth | <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit | center | yes | aural | ||
| background | [background-color || background-image || background-repeat || background-attachment || background-position ] | inherit | XX | no | allowed on background-position | visual | |
| background-attachment | scroll | fixed | inherit | scroll | no | visual | ||
| background-color | <color> | transparent | inherit | transparent | no | visual | ||
| background-image | <uri> | none | inherit | none | no | visual | ||
| background-position | [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit | 0% 0% | block-level and replaced elements | no | refer to the size of the box itself | visual |
| background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | no | visual | ||
| border | [ border-width || border-style || <color> ] | inherit | see individual properties | no | visual | ||
| border-collapse | collapse | separate | inherit | collapse | table and inline-table elements | yes | visual | |
| border-color | <color> {1,4} | transparent | inherit | see individual properties | no | visual | ||
| border-spacing | <length> <length> ? | inherit | 0 | table and inline-table elements | yes | visual | |
| border-style | <border-style> {1,4} | inherit | see individual properties | no | visual | ||
| border-top border-right border-bottom border-left | [ border-top-width || border-style || <color> ] | inherit | see individual properties | no | visual | ||
| border-top-color border-right-color border-bottom-color border-left-color | <color> | inherit | the value of the color property | no | visual | ||
| border-top-style border-right-style border-bottom-style border-left-style | <border-style> | inherit | none | no | visual | ||
| border-top-width border-right-width border-bottom-width border-left-width | <border-width> | inherit | medium | no | visual | ||
| border-width | <border-width> {1,4} | inherit | see individual properties | no | visual | ||
| bottom | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to height of containing block | visual |
| caption-side | top | bottom | left | right | inherit | top | table-caption elements | yes | visual | |
| clear | none | left | right | both | inherit | none | block-level elements | no | visual | |
| clip | <shape> | auto | inherit | auto | block-level and replaced elements | no | visual | |
| color | <color> | inherit | depends on user agent | yes | visual | ||
| content | [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit | empty string | :before and :after pseudo-elements | no | all | |
| counter-increment | [ <identifier> <integer> ? ]+ | none | inherit | none | no | all | ||
| counter-reset | [ <identifier> <integer> ? ]+ | none | inherit | none | no | all | ||
| cue | [ cue-before || cue-after ] | inherit | XX | no | aural | ||
| cue-after | <uri> | none | inherit | none | no | aural | ||
| cue-before | <uri> | none | inherit | none | no | aural | ||
| cursor | [ [<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 ] ] | inherit | auto | yes | visual , interactive | ||
| direction | ltr | rtl | inherit | ltr | all elements, but see prose | yes | visual | |
| display | inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | inline | no | all | ||
| elevation | <angle> | below | level | above | higher | lower | inherit | level | yes | aural | ||
| empty-cells | show | hide | inherit | show | table-cell elements | yes | visual | |
| float | left | right | none | inherit | none | all but positioned elements and generated content | no | visual | |
| font | [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | see individual properties | yes | allowed on font-size and line-height | visual | |
| font-family | [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family> ] | inherit | depends on user agent | yes | visual | ||
| font-size | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | yes, the computed value is inherited | refer to parent elements font size | visual | |
| font-size-adjust | <number> | none | inherit | none | yes | visual | ||
| font-stretch | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit | normal | yes | visual | ||
| font-style | normal | italic | oblique | inherit | normal | yes | visual | ||
| font-variant | normal | small-caps | inherit | normal | yes | visual | ||
| font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | yes | visual | ||
| height | <length> | <percentage> | auto | inherit | auto | all elements but non-replaced inline elements, table columns, and column groups | no | see prose | visual |
| left | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to width of containing block | visual |
| letter-spacing | normal | <length> | inherit | normal | yes | visual | ||
| line-height | normal | <number> | <length> | <percentage> | inherit | normal | yes | refer to the font size of the element itself | visual | |
| list-style | [ list-style-type || list-style-position || list-style-image ] | inherit | XX | elements with display: list-item | yes | visual | |
| list-style-image | <uri> | none | inherit | none | elements with display: list-item | yes | visual | |
| list-style-position | inside | outside | inherit | outside | elements with display: list-item | yes | visual | |
| list-style-type | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit | disc | elements with display: list-item | yes | visual | |
| margin | <margin-width> {1,4} | inherit | XX | no | refer to width of containing block | visual | |
| margin-top margin-right margin-bottom margin-left | <margin-width> | inherit | 0 | no | refer to width of containing block | visual | |
| marker-offset | <length> | auto | inherit | auto | elements with display: marker | no | visual | |
| marks | [ crop || cross ] | none | inherit | none | page context | N/A | visual , paged | |
| max-height | <length> | <percentage> | none | inherit | none | all elements except non-replaced inline elements and table elements | no | refer to height of containing block | visual |
| max-width | <length> | <percentage> | none | inherit | none | all elements except non-replaced inline elements and table elements | no | refer to width of containing block | visual |
| min-height | <length> | <percentage> | inherit | 0 | all elements except non-replaced inline elements and table elements | no | refer to height of containing block | visual |
| min-width | <length> | <percentage> | inherit | UA dependent | all elements except non-replaced inline elements and table elements | no | refer to width of containing block | visual |
| orphans | <integer> | inherit | 2 | block-level elements | yes | visual , paged | |
| outline | [ outline-color || outline-style || outline-width ] | inherit | see individual properties | no | visual , interactive | ||
| outline-color | <color> | invert | inherit | invert | no | visual , interactive | ||
| outline-style | <border-style> | inherit | none | no | visual , interactive | ||
| outline-width | <border-width> | inherit | medium | no | visual , interactive | ||
| overflow | visible | hidden | scroll | auto | inherit | visible | block-level and replaced elements | no | visual | |
| padding | <padding-width> {1,4} | inherit | XX | no | refer to width of containing block | visual | |
| padding-top padding-right padding-bottom padding-left | <padding-width> | inherit | 0 | no | refer to width of containing block | visual | |
| page | <identifier> | auto | auto | block-level elements | yes | visual , paged | |
| page-break-after | auto | always | avoid | left | right | inherit | auto | block-level elements | no | visual , paged | |
| page-break-before | auto | always | avoid | left | right | inherit | auto | block-level elements | no | visual , paged | |
| page-break-inside | avoid | auto | inherit | auto | block-level elements | yes | visual , paged | |
| pause | [ [<time> | <percentage> ]{1,2} ] | inherit | depends on user agent | no | see descriptions of pause-before and pause-after | aural | |
| pause-after | <time> | <percentage> | inherit | depends on user agent | no | see prose | aural | |
| pause-before | <time> | <percentage> | inherit | depends on user agent | no | see prose | aural | |
| pitch | <frequency> | x-low | low | medium | high | x-high | inherit | medium | yes | aural | ||
| pitch-range | <number> | inherit | 50 | yes | aural | ||
| play-during | <uri> mix? repeat? | auto | none | inherit | auto | no | aural | ||
| position | static | relative | absolute | fixed | inherit | static | all elements, but not to generated content | no | visual | |
| quotes | [<string> <string> ]+ | none | inherit | depends on user agent | yes | visual | ||
| richness | <number> | inherit | 50 | yes | aural | ||
| right | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to width of containing block | visual |
| size | <length> {1,2} | auto | portrait | landscape | inherit | auto | the page context | N/A | visual , paged | |
| speak | normal | none | spell-out | inherit | normal | yes | aural | ||
| speak-header | once | always | inherit | once | elements that have table header information | yes | aural | |
| speak-numeral | digits | continuous | inherit | continuous | yes | aural | ||
| speak-punctuation | code | none | inherit | none | yes | aural | ||
| speech-rate | <number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit | medium | yes | aural | ||
| stress | <number> | inherit | 50 | yes | aural | ||
| table-layout | auto | fixed | inherit | auto | table and inline-table elements | no | visual | |
| text-align | left | right | center | justify | <string> | inherit | depends on user agent and writing direction | block-level elements | yes | visual | |
| text-decoration | none | [ underline || overline || line-through || blink ] | inherit | none | no (see prose) | visual | ||
| text-indent | <length> | <percentage> | inherit | 0 | block-level elements | yes | refer to width of containing block | visual |
| text-shadow | none | [<color> || <length> <length> <length> ? ,]* [<color> || <length> <length> <length> ?] | inherit | none | no (see prose) | visual | ||
| text-transform | capitalize | uppercase | lowercase | none | inherit | none | yes | visual | ||
| top | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to height of containing block | visual |
| unicode-bidi | normal | embed | bidi-override | inherit | normal | all elements, but see prose | no | visual | |
| vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline | inline-level and table-cell elements | no | refer to the line-height of the element itself | visual |
| visibility | visible | hidden | collapse | inherit | inherit | no | visual | ||
| voice-family | [[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit | depends on user agent | yes | aural | ||
| volume | <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit | medium | yes | refer to inherited value | aural | |
| white-space | normal | pre | nowrap | inherit | normal | block-level elements | yes | visual | |
| widows | <integer> | inherit | 2 | block-level elements | yes | visual , paged | |
| width | <length> | <percentage> | auto | inherit | auto | all elements but non-replaced inline elements, table rows, and row groups | no | refer to width of containing block | visual |
| word-spacing | normal | <length> | inherit | normal | yes | visual | ||
| z-index | auto | <integer> | inherit | auto | positioned elements | no | visual |
版权声明：本文为dreamnet_liu原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。