层叠样式表第2级 CSS2规范开发手册 - WEB前端开发 专注前端开发,关注用户体验

附录F. 属性索引

名称 取值 初始值 适用于(缺省为所有) 可否继承 百分比(缺省:N/A) 媒介组
'azimuth' <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit center yes 音频
'background' ['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit XX no allowed on 'background-position' 视觉
'background-attachment' scroll | fixed | inherit scroll no 视觉
'background-color' <color> | transparent | inherit transparent no 视觉
'background-image' <uri> | none | inherit none no 视觉
'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 视觉
'background-repeat' repeat | repeat-x | repeat-y | no-repeat | inherit repeat no 视觉
'border' [ 'border-width' || 'border-style' || <color> ] | inherit see individual properties no 视觉
'border-collapse' collapse | separate | inherit collapse 'table' and 'inline-table' elements yes 视觉
'border-color' <color>{1,4} | transparent | inherit see individual properties no 视觉
'border-spacing' <length> <length>? | inherit 0 'table' and 'inline-table' elements yes 视觉
'border-style' <border-style>{1,4} | inherit see individual properties no 视觉
'border-top' 'border-right' 'border-bottom' 'border-left' [ 'border-top-width' || 'border-style' || <color> ] | inherit see individual properties no 视觉
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' <color> | inherit the value of the 'color' property no 视觉
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' <border-style> | inherit none no 视觉
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' <border-width> | inherit medium no 视觉
'border-width' <border-width>{1,4} | inherit see individual properties no 视觉
'bottom' <length> | <percentage> | auto | inherit auto positioned elements no refer to height of containing block 视觉
'caption-side' top | bottom | left | right | inherit top 'table-caption' elements yes 视觉
'clear' none | left | right | both | inherit none block-level elements no 视觉
'clip' <shape> | auto | inherit auto block-level and replaced elements no 视觉
'color' <color> | inherit depends on user agent yes 视觉
'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 音频
'cue-after' <uri> | none | inherit none no 音频
'cue-before' <uri> | none | inherit none no 音频
'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 视觉, 交互
'direction' ltr | rtl | inherit ltr all elements, but see prose yes 视觉
'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 音频
'empty-cells' show | hide | inherit show 'table-cell' elements yes 视觉
'float' left | right | none | inherit none all but positioned elements and generated content no 视觉
'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' 视觉
'font-family' [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit depends on user agent yes 视觉
'font-size' <absolute-size> | <relative-size> | <length> | <percentage> | inherit medium yes, the computed value is inherited refer to parent element's font size 视觉
'font-size-adjust' <number> | none | inherit none yes 视觉
'font-stretch' normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit normal yes 视觉
'font-style' normal | italic | oblique | inherit normal yes 视觉
'font-variant' normal | small-caps | inherit normal yes 视觉
'font-weight' normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal yes 视觉
'height' <length> | <percentage> | auto | inherit auto all elements but non-replaced inline elements, table columns, and column groups no see prose 视觉
'left' <length> | <percentage> | auto | inherit auto positioned elements no refer to width of containing block 视觉
'letter-spacing' normal | <length> | inherit normal yes 视觉
'line-height' normal | <number> | <length> | <percentage> | inherit normal yes refer to the font size of the element itself 视觉
'list-style' [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit XX elements with 'display: list-item' yes 视觉
'list-style-image' <uri> | none | inherit none elements with 'display: list-item' yes 视觉
'list-style-position' inside | outside | inherit outside elements with 'display: list-item' yes 视觉
'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 视觉
'margin' <margin-width>{1,4} | inherit XX no refer to width of containing block 视觉
'margin-top' 'margin-right' 'margin-bottom' 'margin-left' <margin-width> | inherit 0 no refer to width of containing block 视觉
'marker-offset' <length> | auto | inherit auto elements with 'display: marker' no 视觉
'marks' [ crop || cross ] | none | inherit none page context N/A 视觉, 页面
'max-height' <length> | <percentage> | none | inherit none all elements except non-replaced inline elements and table elements no refer to height of containing block 视觉
'max-width' <length> | <percentage> | none | inherit none all elements except non-replaced inline elements and table elements no refer to width of containing block 视觉
'min-height' <length> | <percentage> | inherit 0 all elements except non-replaced inline elements and table elements no refer to height of containing block 视觉
'min-width' <length> | <percentage> | inherit UA dependent all elements except non-replaced inline elements and table elements no refer to width of containing block 视觉
'orphans' <integer> | inherit 2 block-level elements yes 视觉, 页面
'outline' [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit see individual properties no 视觉, 交互
'outline-color' <color> | invert | inherit invert no 视觉, 交互
'outline-style' <border-style> | inherit none no 视觉, 交互
'outline-width' <border-width> | inherit medium no 视觉, 交互
'overflow' visible | hidden | scroll | auto | inherit visible block-level and replaced elements no 视觉
'padding' <padding-width>{1,4} | inherit XX no refer to width of containing block 视觉
'padding-top' 'padding-right' 'padding-bottom' 'padding-left' <padding-width> | inherit 0 no refer to width of containing block 视觉
'page' <identifier> | auto auto block-level elements yes 视觉, 页面
'page-break-after' auto | always | avoid | left | right | inherit auto block-level elements no 视觉, 页面
'page-break-before' auto | always | avoid | left | right | inherit auto block-level elements no 视觉, 页面
'page-break-inside' avoid | auto | inherit auto block-level elements yes 视觉, 页面
'pause' [ [<time> | <percentage>]{1,2} ] | inherit depends on user agent no see descriptions of 'pause-before' and 'pause-after' 音频
'pause-after' <time> | <percentage> | inherit depends on user agent no see prose 音频
'pause-before' <time> | <percentage> | inherit depends on user agent no see prose 音频
'pitch' <frequency> | x-low | low | medium | high | x-high | inherit medium yes 音频
'pitch-range' <number> | inherit 50 yes 音频
'play-during' <uri> mix? repeat? | auto | none | inherit auto no 音频
'position' static | relative | absolute | fixed | inherit static all elements, but not to generated content no 视觉
'quotes' [<string> <string>]+ | none | inherit depends on user agent yes 视觉
'richness' <number> | inherit 50 yes 音频
'right' <length> | <percentage> | auto | inherit auto positioned elements no refer to width of containing block 视觉
'size' <length>{1,2} | auto | portrait | landscape | inherit auto the page context N/A 视觉, 页面
'speak' normal | none | spell-out | inherit normal yes 音频
'speak-header' once | always | inherit once elements that have table header information yes 音频
'speak-numeral' digits | continuous | inherit continuous yes 音频
'speak-punctuation' code | none | inherit none yes 音频
'speech-rate' <number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit medium yes 音频
'stress' <number> | inherit 50 yes 音频
'table-layout' auto | fixed | inherit auto 'table' and 'inline-table' elements no 视觉
'text-align' left | right | center | justify | <string> | inherit depends on user agent and writing direction block-level elements yes 视觉
'text-decoration' none | [ underline || overline || line-through || blink ] | inherit none no (see prose) 视觉
'text-indent' <length> | <percentage> | inherit 0 block-level elements yes refer to width of containing block 视觉
'text-shadow' none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit none no (see prose) 视觉
'text-transform' capitalize | uppercase | lowercase | none | inherit none yes 视觉
'top' <length> | <percentage> | auto | inherit auto positioned elements no refer to height of containing block 视觉
'unicode-bidi' normal | embed | bidi-override | inherit normal all elements, but see prose no 视觉
'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 视觉
'visibility' visible | hidden | collapse | inherit inherit no 视觉
'voice-family' [[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit depends on user agent yes 音频
'volume' <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit medium yes refer to inherited value 音频
'white-space' normal | pre | nowrap | inherit normal block-level elements yes 视觉
'widows' <integer> | inherit 2 block-level elements yes 视觉, 页面
'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 视觉
'word-spacing' normal | <length> | inherit normal yes 视觉
'z-index' auto | <integer> | inherit auto positioned elements no 视觉