2018. 10. 9. 18:18 XHTML | CSS2

This appendix is informative, not normative.

NameValuesInitial valueApplies 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 | inheritcenter yes aural
'background-attachment'scroll | fixed | inheritscroll no visual
'background-color'<color> | transparent | inherittransparent no visual
'background-image'<uri> | none | inheritnone no visual
'background-position'[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit0% 0% norefer to the size of the box itselfvisual
'background-repeat'repeat | repeat-x | repeat-y | no-repeat | inheritrepeat no visual
'background'['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inheritsee individual properties noallowed on 'background-position'visual
'border-collapse'collapse | separate | inheritseparate'table' and 'inline-table' elementsyes visual
'border-color'<color> | transparent ]{1,4} | inheritsee individual properties no visual
'border-spacing'<length> <length>? | inherit0'table' and 'inline-table' elements yes visual
'border-style'<border-style>{1,4} | inheritsee individual properties no visual
'border-top' 'border-right''border-bottom' 'border-left'<border-width> || <border-style> || 'border-top-color' ] | inheritsee individual properties no visual
'border-top-color' 'border-right-color' 'border-bottom-color''border-left-color'<color> | transparent | inheritthe value of the 'color' property no visual
'border-top-style' 'border-right-style' 'border-bottom-style''border-left-style'<border-style> | inheritnone no visual
'border-top-width' 'border-right-width' 'border-bottom-width''border-left-width'<border-width> | inheritmedium no visual
'border-width'<border-width>{1,4} | inheritsee individual properties no visual
'border'<border-width> || <border-style> || 'border-top-color' ] | inheritsee individual properties no visual
'bottom'<length> | <percentage> | auto | inheritautopositioned elementsnorefer to height of containing blockvisual
'caption-side'top | bottom | inherittop'table-caption' elementsyes visual
'clear'none | left | right | both | inheritnoneblock-level elementsno visual
'clip'<shape> | auto | inheritautoabsolutely positioned elementsno visual
'color'<color> | inheritdepends on user agent yes visual
'content'normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inheritnormal:before and :after pseudo-elementsno all
'counter-increment'<identifier> <integer>? ]+ | none | inheritnone no all
'counter-reset'<identifier> <integer>? ]+ | none | inheritnone no all
'cue-after'<uri> | none | inheritnone no aural
'cue-before'<uri> | none | inheritnone no aural
'cue''cue-before' || 'cue-after' ] | inheritsee individual properties 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 | progress ] ] | inheritauto yes visualinteractive
'direction'ltr | rtl | inheritltrall elements, but see proseyes visual
'display'inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inheritinline no all
'elevation'<angle> | below | level | above | higher | lower | inheritlevel yes aural
'empty-cells'show | hide | inheritshow'table-cell' elementsyes visual
'float'left | right | none | inheritnoneall, but see 9.7no visual
'font-family'[[ <family-name> | <generic-family> ] [, <family-name><generic-family>]* ] | inheritdepends on user agent yes visual
'font-size'<absolute-size> | <relative-size> | <length> | <percentage> | inheritmedium yesrefer to inherited font sizevisual
'font-style'normal | italic | oblique | inheritnormal yes visual
'font-variant'normal | small-caps | inheritnormal yes visual
'font-weight'normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inheritnormal yes visual
'font'[ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inheritsee individual properties yessee individual propertiesvisual
'height'<length> | <percentage> | auto | inheritautoall elements but non-replaced inline elements, table columns, and column groupsnosee prosevisual
'left'<length> | <percentage> | auto | inheritautopositioned elementsnorefer to width of containing blockvisual
'letter-spacing'normal | <length> | inheritnormal yes visual
'line-height'normal | <number> | <length> | <percentage> | inheritnormal yesrefer to the font size of the element itselfvisual
'list-style-image'<uri> | none | inheritnoneelements with 'display: list-item'yes visual
'list-style-position'inside | outside | inheritoutsideelements with 'display: list-item'yes visual
'list-style-type'disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inheritdiscelements with 'display: list-item'yes visual
'list-style''list-style-type' || 'list-style-position' || 'list-style-image' ] | inheritsee individual propertieselements with 'display: list-item'yes visual
'margin-right' 'margin-left'<margin-width> | inherit0all elements except elements with table display types other than table-caption, table and inline-tablenorefer to width of containing blockvisual
'margin-top' 'margin-bottom'<margin-width> | inherit0all elements except elements with table display types other than table-caption, table and inline-tablenorefer to width of containing blockvisual
'margin'<margin-width>{1,4} | inheritsee individual propertiesall elements except elements with table display types other than table-caption, table and inline-tablenorefer to width of containing blockvisual
'max-height'<length> | <percentage> | none | inheritnoneall elements but non-replaced inline elements, table columns, and column groupsnosee prosevisual
'max-width'<length> | <percentage> | none | inheritnoneall elements but non-replaced inline elements, table rows, and row groupsnorefer to width of containing blockvisual
'min-height'<length> | <percentage> | inherit0all elements but non-replaced inline elements, table columns, and column groupsnosee prosevisual
'min-width'<length> | <percentage> | inherit0all elements but non-replaced inline elements, table rows, and row groupsnorefer to width of containing blockvisual
'orphans'<integer> | inherit2block container elementsyes visualpaged
'outline-color'<color> | invert | inheritinvert no visualinteractive
'outline-style'<border-style> | inheritnone no visualinteractive
'outline-width'<border-width> | inheritmedium no visualinteractive
'outline''outline-color' || 'outline-style' || 'outline-width' ] | inheritsee individual properties no visualinteractive
'overflow'visible | hidden | scroll | auto | inheritvisibleblock containersno visual
'padding-top' 'padding-right''padding-bottom' 'padding-left'<padding-width> | inherit0all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-columnnorefer to width of containing blockvisual
'padding'<padding-width>{1,4} | inheritsee individual propertiesall elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-columnnorefer to width of containing blockvisual
'page-break-after'auto | always | avoid | left | right | inheritautoblock-level elements (but see text)no visualpaged
'page-break-before'auto | always | avoid | left | right | inheritautoblock-level elements (but see text)no visualpaged
'page-break-inside'avoid | auto | inheritautoblock-level elements (but see text)no visualpaged
'pause-after'<time> | <percentage> | inherit0 nosee proseaural
'pause-before'<time> | <percentage> | inherit0 nosee proseaural
'pause'[ [<time> | <percentage>]{1,2} ] | inheritsee individual properties nosee descriptions of 'pause-before' and 'pause-after'aural
'pitch-range'<number> | inherit50 yes aural
'pitch'<frequency> | x-low | low | medium | high | x-high | inheritmedium yes aural
'play-during'<uri> [ mix || repeat ]? | auto | none | inheritauto no aural
'position'static | relative | absolute | fixed | inheritstatic no visual
'quotes'[<string> <string>]+ | none | inheritdepends on user agent yes visual
'richness'<number> | inherit50 yes aural
'right'<length> | <percentage> | auto | inheritautopositioned elementsnorefer to width of containing blockvisual
'speak-header'once | always | inheritonceelements that have table header informationyes aural
'speak-numeral'digits | continuous | inheritcontinuous yes aural
'speak-punctuation'code | none | inheritnone yes aural
'speak'normal | none | spell-out | inheritnormal yes aural
'speech-rate'<number> | x-slow | slow | medium | fast | x-fast | faster | slower | inheritmedium yes aural
'stress'<number> | inherit50 yes aural
'table-layout'auto | fixed | inheritauto'table' and 'inline-table' elementsno visual
'text-align'left | right | center | justify | inherita nameless value that acts as 'left' if 'direction' is 'ltr', 'right' if 'direction' is 'rtl'block containersyes visual
'text-decoration'none | [ underline || overline || line-through || blink ] | inheritnone no (see prose) visual
'text-indent'<length> | <percentage> | inherit0block containersyesrefer to width of containing blockvisual
'text-transform'capitalize | uppercase | lowercase | none | inheritnone yes visual
'top'<length> | <percentage> | auto | inheritautopositioned elementsnorefer to height of containing blockvisual
'unicode-bidi'normal | embed | bidi-override | inheritnormalall elements, but see proseno visual
'vertical-align'baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage><length> | inheritbaselineinline-level and 'table-cell' elementsnorefer to the 'line-height' of the element itselfvisual
'visibility'visible | hidden | collapse | inheritvisible yes visual
'voice-family'[[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inheritdepends on user agent yes aural
'volume'<number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inheritmedium yesrefer to inherited valueaural
'white-space'normal | pre | nowrap | pre-wrap | pre-line | inheritnormal yes visual
'widows'<integer> | inherit2block container elementsyes visualpaged
'width'<length> | <percentage> | auto | inheritautoall elements but non-replaced inline elements, table rows, and row groupsnorefer to width of containing blockvisual
'word-spacing'normal | <length> | inheritnormal yes visual
'z-index'auto | <integer> | inheritautopositioned elementsno visual


'XHTML | CSS2' 카테고리의 다른 글

텍스트 요소  (0) 2018.10.19
목록 요소 (ul, ol, dl)  (0) 2018.10.19
img 요소  (0) 2018.10.08
table 만들기  (0) 2018.10.07
html, css 기본  (0) 2018.10.07
posted by 해에게서소년에게