propidx.html

CSS lets learn this step by step...

<tr><td><a href="box.html#propdef-margin-top" class="noxref"><span class="propinst-margin-top">'margin-top'</span></a>
<a href="box.html#propdef-margin-right" class="noxref"><span class="propinst-margin-right">'margin-right'</span></a>
<a href="box.html#propdef-margin-bottom" class="noxref"><span class="propinst-margin-bottom">'margin-bottom'</span></a>
<a href="box.html#propdef-margin-left" class="noxref"><span class="propinst-margin-left">'margin-left'</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> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>0
<td>&nbsp;
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-marker-offset" class="noxref"><span class="propinst-marker-offset">'marker-offset'</span></a>
<td><a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&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>elements with 'display: marker'
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="page.html#propdef-marks" class="noxref"><span class="propinst-marks">'marks'</span></a>
<td>[ crop || cross ] | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>page context
<td>N/A
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="visudet.html#propdef-max-height" class="noxref"><span class="propinst-max-height">'max-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> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>all elements except non-replaced inline elements and table elements
<td>no
<td>refer to height of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-max-width" class="noxref"><span class="propinst-max-width">'max-width'</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> | none | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>all elements except non-replaced inline elements and table  elements
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-min-height" class="noxref"><span class="propinst-min-height">'min-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> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>0
<td>all elements except non-replaced inline elements and table elements
<td>no
<td>refer to height of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-min-width" class="noxref"><span class="propinst-min-width">'min-width'</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> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>UA dependent
<td>all elements except non-replaced inline elements and table elements
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="page.html#propdef-orphans" class="noxref"><span class="propinst-orphans">'orphans'</span></a>
<td><a href="syndata.html#value-def-integer" class="noxref"><span class="value-inst-integer noxref">&lt;integer&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>2
<td>block-level elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="ui.html#propdef-outline" class="noxref"><span class="propinst-outline">'outline'</span></a>
<td>[ <a href="ui.html#propdef-outline-color" class="noxref"><span class="propinst-outline-color noxref">'outline-color'</span></a> || <a href="ui.html#propdef-outline-style" class="noxref"><span class="propinst-outline-style noxref">'outline-style'</span></a> || <a href="ui.html#propdef-outline-width" class="noxref"><span class="propinst-outline-width noxref">'outline-width'</span></a> ] | <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>no
<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="ui.html#propdef-outline-color" class="noxref"><span class="propinst-outline-color">'outline-color'</span></a>
<td><a href="syndata.html#value-def-color" class="noxref"><span class="value-inst-color noxref">&lt;color&gt;</span></a> | invert | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>invert
<td>&nbsp;
<td>no
<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="ui.html#propdef-outline-style" class="noxref"><span class="propinst-outline-style">'outline-style'</span></a>
<td><a href="box.html#value-def-border-style" class="noxref"><span class="value-inst-border-style noxref">&lt;border-style&gt;</span></a> | <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#visual-media-group">visual</a>, <a href="media.html#interactive-media-group">interactive</a>

<tr><td><a href="ui.html#propdef-outline-width" class="noxref"><span class="propinst-outline-width">'outline-width'</span></a>
<td><a href="box.html#value-def-border-width" class="noxref"><span class="value-inst-border-width noxref">&lt;border-width&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>no
<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="visufx.html#propdef-overflow" class="noxref"><span class="propinst-overflow">'overflow'</span></a>
<td>visible | hidden | scroll | auto | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>visible
<td>block-level and replaced elements
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="box.html#propdef-padding" class="noxref"><span class="propinst-padding">'padding'</span></a>
<td><a href="box.html#value-def-padding-width" class="noxref"><span class="value-inst-padding-width noxref">&lt;padding-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>

<tr><td><a href="box.html#propdef-padding-top" class="noxref"><span class="propinst-padding-top">'padding-top'</span></a>
<a href="box.html#propdef-padding-right" class="noxref"><span class="propinst-padding-right">'padding-right'</span></a>
<a href="box.html#propdef-padding-bottom" class="noxref"><span class="propinst-padding-bottom">'padding-bottom'</span></a>
<a href="box.html#propdef-padding-left" class="noxref"><span class="propinst-padding-left">'padding-left'</span></a>
<td><a href="box.html#value-def-padding-width" class="noxref"><span class="value-inst-padding-width noxref">&lt;padding-width&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>0
<td>&nbsp;
<td>no
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="page.html#propdef-page" class="noxref"><span class="propinst-page">'page'</span></a>
<td><a href="syndata.html#value-def-identifier" class="noxref"><span class="value-inst-identifier noxref">&lt;identifier&gt;</span></a> | auto
<td>auto
<td>block-level elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="page.html#propdef-page-break-after" class="noxref"><span class="propinst-page-break-after">'page-break-after'</span></a>
<td>auto | always | avoid | left | right | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>block-level elements
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="page.html#propdef-page-break-before" class="noxref"><span class="propinst-page-break-before">'page-break-before'</span></a>
<td>auto | always | avoid | left | right | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>block-level elements
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="page.html#propdef-page-break-inside" class="noxref"><span class="propinst-page-break-inside">'page-break-inside'</span></a>
<td>avoid | auto | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>block-level elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>, <a href="media.html#paged-media-group">paged</a>

<tr><td><a href="aural.html#propdef-pause" class="noxref"><span class="propinst-pause">'pause'</span></a>
<td>[ [<a href="syndata.html#value-def-time" class="noxref"><span class="value-inst-time noxref">&lt;time&gt;</span></a> | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a>]{1,2} ] | <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>no
<td>see descriptions of 'pause-before' and 'pause-after'
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-pause-after" class="noxref"><span class="propinst-pause-after">'pause-after'</span></a>
<td><a href="syndata.html#value-def-time" class="noxref"><span class="value-inst-time noxref">&lt;time&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>depends on user agent
<td>&nbsp;
<td>no
<td>see prose
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-pause-before" class="noxref"><span class="propinst-pause-before">'pause-before'</span></a>
<td><a href="syndata.html#value-def-time" class="noxref"><span class="value-inst-time noxref">&lt;time&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>depends on user agent
<td>&nbsp;
<td>no
<td>see prose
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-pitch" class="noxref"><span class="propinst-pitch">'pitch'</span></a>
<td><a href="syndata.html#value-def-frequency" class="noxref"><span class="value-inst-frequency noxref">&lt;frequency&gt;</span></a> | x-low | low | medium | high | x-high | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>medium
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-pitch-range" class="noxref"><span class="propinst-pitch-range">'pitch-range'</span></a>
<td><a href="syndata.html#value-def-number" class="noxref"><span class="value-inst-number noxref">&lt;number&gt;</span></a> | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>50
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

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

<tr><td><a href="visuren.html#propdef-position" class="noxref"><span class="propinst-position">'position'</span></a>
<td>static | relative | absolute | fixed | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>static
<td>all elements, but not to generated content
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="generate.html#propdef-quotes" class="noxref"><span class="propinst-quotes">'quotes'</span></a>
<td>[<a href="syndata.html#value-def-string" class="noxref"><span class="value-inst-string noxref">&lt;string&gt;</span></a> <a href="syndata.html#value-def-string" class="noxref"><span class="value-inst-string noxref">&lt;string&gt;</span></a>]+ | none | <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="aural.html#propdef-richness" class="noxref"><span class="propinst-richness">'richness'</span></a>