propidx.html

CSS lets learn this step by step...

<td>[ <a href="syndata.html#value-def-identifier" class="noxref"><span class="value-inst-identifier noxref">&lt;identifier&gt;</span></a> <a href="syndata.html#value-def-integer" class="noxref"><span class="value-inst-integer noxref">&lt;integer&gt;</span></a>? ]+ | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#all-media-group">all</a>

<tr><td><a href="generate.html#propdef-counter-reset" class="noxref"><span class="propinst-counter-reset">'counter-reset'</span></a>
<td>[ <a href="syndata.html#value-def-identifier" class="noxref"><span class="value-inst-identifier noxref">&lt;identifier&gt;</span></a> <a href="syndata.html#value-def-integer" class="noxref"><span class="value-inst-integer noxref">&lt;integer&gt;</span></a>? ]+ | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#all-media-group">all</a>

<tr><td><a href="aural.html#propdef-cue" class="noxref"><span class="propinst-cue">'cue'</span></a>
<td>[ <a href="aural.html#propdef-cue-before" class="noxref"><span class="propinst-cue-before noxref">'cue-before'</span></a> || <a href="aural.html#propdef-cue-after" class="noxref"><span class="propinst-cue-after noxref">'cue-after'</span></a> ] | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>XX
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-cue-after" class="noxref"><span class="propinst-cue-after">'cue-after'</span></a>
<td><a href="syndata.html#value-def-uri" class="noxref"><span class="value-inst-uri noxref">&lt;uri&gt;</span></a> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-cue-before" class="noxref"><span class="propinst-cue-before">'cue-before'</span></a>
<td><a href="syndata.html#value-def-uri" class="noxref"><span class="value-inst-uri noxref">&lt;uri&gt;</span></a> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="ui.html#propdef-cursor" class="noxref"><span class="propinst-cursor">'cursor'</span></a>
<td>[ [<a href="syndata.html#value-def-uri" class="noxref"><span class="value-inst-uri noxref">&lt;uri&gt;</span></a> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#interactive-media-group">interactive</a>

<tr><td><a href="visuren.html#propdef-direction" class="noxref"><span class="propinst-direction">'direction'</span></a>
<td>ltr | rtl | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>ltr
<td>all elements, but see prose
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visuren.html#propdef-display" class="noxref"><span class="propinst-display">'display'</span></a>
<td>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 | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>inline
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#all-media-group">all</a>

<tr><td><a href="aural.html#propdef-elevation" class="noxref"><span class="propinst-elevation">'elevation'</span></a>
<td><a href="syndata.html#value-def-angle" class="noxref"><span class="value-inst-angle noxref">&lt;angle&gt;</span></a>  | below | level | above | higher | lower | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>level
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="tables.html#propdef-empty-cells" class="noxref"><span class="propinst-empty-cells">'empty-cells'</span></a>
<td>show | hide | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>show
<td>'table-cell' elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visuren.html#propdef-float" class="noxref"><span class="propinst-float">'float'</span></a>
<td>left | right | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>all but positioned elements and generated content
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font" class="noxref"><span class="propinst-font">'font'</span></a>
<td>[ [ <a href="fonts.html#propdef-font-style" class="noxref"><span class="propinst-font-style noxref">'font-style'</span></a> || <a href="fonts.html#propdef-font-variant" class="noxref"><span class="propinst-font-variant noxref">'font-variant'</span></a> || <a href="fonts.html#propdef-font-weight" class="noxref"><span class="propinst-font-weight noxref">'font-weight'</span></a> ]? <a href="fonts.html#propdef-font-size" class="noxref"><span class="propinst-font-size noxref">'font-size'</span></a> [ / <a href="visudet.html#propdef-line-height" class="noxref"><span class="propinst-line-height noxref">'line-height'</span></a> ]? <a href="fonts.html#propdef-font-family" class="noxref"><span class="propinst-font-family noxref">'font-family'</span></a> ] | caption | icon | menu | message-box | small-caption | status-bar | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>see individual properties
<td>&nbsp;
<td>yes
<td>allowed on 'font-size' and 'line-height'
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-family" class="noxref"><span class="propinst-font-family">'font-family'</span></a>
<td>[[ <a href="fonts.html#value-def-family-name" class="noxref"><span class="value-inst-family-name noxref">&lt;family-name&gt;</span></a>  | <a href="fonts.html#value-def-generic-family" class="noxref"><span class="value-inst-generic-family noxref">&lt;generic-family&gt;</span></a> ],]* [<a href="fonts.html#value-def-family-name" class="noxref"><span class="value-inst-family-name noxref">&lt;family-name&gt;</span></a>  | <a href="fonts.html#value-def-generic-family" class="noxref"><span class="value-inst-generic-family noxref">&lt;generic-family&gt;</span></a>] | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>depends on user agent
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-size" class="noxref"><span class="propinst-font-size">'font-size'</span></a>
<td><a href="fonts.html#value-def-absolute-size" class="noxref"><span class="value-inst-absolute-size noxref">&lt;absolute-size&gt;</span></a> | <a href="fonts.html#value-def-relative-size" class="noxref"><span class="value-inst-relative-size noxref">&lt;relative-size&gt;</span></a> | <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a> | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>medium
<td>&nbsp;
<td>yes, the computed value is inherited
<td>refer to parent element's font size
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-size-adjust" class="noxref"><span class="propinst-font-size-adjust">'font-size-adjust'</span></a>
<td><a href="syndata.html#value-def-number" class="noxref"><span class="value-inst-number noxref">&lt;number&gt;</span></a> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-stretch" class="noxref"><span class="propinst-font-stretch">'font-stretch'</span></a>
<td>normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed  | semi-expanded | expanded | extra-expanded |     ultra-expanded | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-style" class="noxref"><span class="propinst-font-style">'font-style'</span></a>
<td>normal | italic | oblique | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-variant" class="noxref"><span class="propinst-font-variant">'font-variant'</span></a>
<td>normal | small-caps | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="fonts.html#propdef-font-weight" class="noxref"><span class="propinst-font-weight">'font-weight'</span></a>
<td>normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-height" class="noxref"><span class="propinst-height">'height'</span></a>
<td><a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a> | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a> | auto | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>all elements but non-replaced inline elements, table columns, and column groups
<td>no
<td>see prose
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visuren.html#propdef-left" class="noxref"><span class="propinst-left">'left'</span></a>
<td><a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a> | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a> | auto | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>positioned elements
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-letter-spacing" class="noxref"><span class="propinst-letter-spacing">'letter-spacing'</span></a>
<td>normal | <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-line-height" class="noxref"><span class="propinst-line-height">'line-height'</span></a>
<td>normal | <a href="syndata.html#value-def-number" class="noxref"><span class="value-inst-number noxref">&lt;number&gt;</span></a> | <a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a> | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>&nbsp;
<td>yes
<td>refer to the font size of the element itself
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-list-style" class="noxref"><span class="propinst-list-style">'list-style'</span></a>
<td>[ <a href="generate.html#propdef-list-style-type" class="noxref"><span class="propinst-list-style-type noxref">'list-style-type'</span></a> || <a href="generate.html#propdef-list-style-position" class="noxref"><span class="propinst-list-style-position noxref">'list-style-position'</span></a> || <a href="generate.html#propdef-list-style-image" class="noxref"><span class="propinst-list-style-image noxref">'list-style-image'</span></a> ] | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>XX
<td>elements with 'display: list-item'
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-list-style-image" class="noxref"><span class="propinst-list-style-image">'list-style-image'</span></a>
<td><a href="syndata.html#value-def-uri" class="noxref"><span class="value-inst-uri noxref">&lt;uri&gt;</span></a> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>elements with 'display: list-item'
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-list-style-position" class="noxref"><span class="propinst-list-style-position">'list-style-position'</span></a>
<td>inside | outside | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>outside
<td>elements with 'display: list-item'
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-list-style-type" class="noxref"><span class="propinst-list-style-type">'list-style-type'</span></a>
<td>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 | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>disc
<td>elements with 'display: list-item'
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="box.html#propdef-margin" class="noxref"><span class="propinst-margin">'margin'</span></a>
<td><a href="box.html#value-def-margin-width" class="noxref"><span class="value-inst-margin-width noxref">&lt;margin-width&gt;</span></a>{1,4} | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>XX
<td>&nbsp;
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>