propidx.html

CSS lets learn this step by step...

<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="visuren.html#propdef-right" class="noxref"><span class="propinst-right">'right'</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="page.html#propdef-size" class="noxref"><span class="propinst-size">'size'</span></a>
<td><a href="syndata.html#value-def-length" class="noxref"><span class="value-inst-length noxref">&lt;length&gt;</span></a>{1,2} | auto | portrait | landscape | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>the 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="aural.html#propdef-speak" class="noxref"><span class="propinst-speak">'speak'</span></a>
<td>normal | none | spell-out | <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#aural-media-group">aural</a>

<tr><td><a href="tables.html#propdef-speak-header" class="noxref"><span class="propinst-speak-header">'speak-header'</span></a>
<td>once | always | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>once
<td>elements that have table header information
<td>yes
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-speak-numeral" class="noxref"><span class="propinst-speak-numeral">'speak-numeral'</span></a>
<td>digits | continuous | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>continuous
<td>&nbsp;
<td>yes
<td>&nbsp;
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-speak-punctuation" class="noxref"><span class="propinst-speak-punctuation">'speak-punctuation'</span></a>
<td>code | 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#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-speech-rate" class="noxref"><span class="propinst-speech-rate">'speech-rate'</span></a>
<td><a href="syndata.html#value-def-number" class="noxref"><span class="value-inst-number noxref">&lt;number&gt;</span></a>  | x-slow | slow | medium | fast | x-fast | faster | slower | <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-stress" class="noxref"><span class="propinst-stress">'stress'</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="tables.html#propdef-table-layout" class="noxref"><span class="propinst-table-layout">'table-layout'</span></a>
<td>auto | fixed | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>auto
<td>'table'  and 'inline-table' elements
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-text-align" class="noxref"><span class="propinst-text-align">'text-align'</span></a>
<td>left | right | center | justify | <a href="syndata.html#value-def-string" class="noxref"><span class="value-inst-string noxref">&lt;string&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 and writing direction
<td>block-level elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-text-decoration" class="noxref"><span class="propinst-text-decoration">'text-decoration'</span></a>
<td>none | [ underline || overline || line-through || blink ] | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no (see prose)
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-text-indent" class="noxref"><span class="propinst-text-indent">'text-indent'</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>block-level elements
<td>yes
<td>refer to width of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-text-shadow" class="noxref"><span class="propinst-text-shadow">'text-shadow'</span></a>
<td>none | [<a href="syndata.html#value-def-color" class="noxref"><span class="value-inst-color noxref">&lt;color&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-length" class="noxref"><span class="value-inst-length noxref">&lt;length&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-color" class="noxref"><span class="value-inst-color noxref">&lt;color&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-length" class="noxref"><span class="value-inst-length noxref">&lt;length&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="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>none
<td>&nbsp;
<td>no (see prose)
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="text.html#propdef-text-transform" class="noxref"><span class="propinst-text-transform">'text-transform'</span></a>
<td>capitalize | uppercase | lowercase | 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="visuren.html#propdef-top" class="noxref"><span class="propinst-top">'top'</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 height of containing block
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visuren.html#propdef-unicode-bidi" class="noxref"><span class="propinst-unicode-bidi">'unicode-bidi'</span></a>
<td>normal | embed | bidi-override | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>all elements, but see prose
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visudet.html#propdef-vertical-align" class="noxref"><span class="propinst-vertical-align">'vertical-align'</span></a>
<td>baseline | sub | super | top | text-top | middle |     bottom | text-bottom | <a href="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&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="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>baseline
<td>inline-level and 'table-cell' elements
<td>no
<td>refer to the 'line-height' of the element itself
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="visufx.html#propdef-visibility" class="noxref"><span class="propinst-visibility">'visibility'</span></a>
<td>visible | hidden | collapse | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>inherit
<td>&nbsp;
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="aural.html#propdef-voice-family" class="noxref"><span class="propinst-voice-family">'voice-family'</span></a>
<td>[[<a href="aural.html#value-def-specific-voice" class="noxref"><span class="value-inst-specific-voice noxref">&lt;specific-voice&gt;</span></a>  | <a href="aural.html#value-def-generic-voice" class="noxref"><span class="value-inst-generic-voice noxref">&lt;generic-voice&gt;</span></a> ],]* [<a href="aural.html#value-def-specific-voice" class="noxref"><span class="value-inst-specific-voice noxref">&lt;specific-voice&gt;</span></a>  | <a href="aural.html#value-def-generic-voice" class="noxref"><span class="value-inst-generic-voice noxref">&lt;generic-voice&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#aural-media-group">aural</a>

<tr><td><a href="aural.html#propdef-volume" class="noxref"><span class="propinst-volume">'volume'</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="syndata.html#value-def-percentage" class="noxref"><span class="value-inst-percentage noxref">&lt;percentage&gt;</span></a> | silent | x-soft | soft | medium | loud | x-loud | <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>refer to inherited value
<td><a href="media.html#aural-media-group">aural</a>

<tr><td><a href="text.html#propdef-white-space" class="noxref"><span class="propinst-white-space">'white-space'</span></a>
<td>normal | pre | nowrap | <a href="cascade.html#value-def-inherit" class="noxref"><span class="value-inst-inherit noxref">inherit</span></a>
<td>normal
<td>block-level elements
<td>yes
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

<tr><td><a href="page.html#propdef-widows" class="noxref"><span class="propinst-widows">'widows'</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="visudet.html#propdef-width" class="noxref"><span class="propinst-width">'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> | 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 rows, and row groups
<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-word-spacing" class="noxref"><span class="propinst-word-spacing">'word-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="visuren.html#propdef-z-index" class="noxref"><span class="propinst-z-index">'z-index'</span></a>
<td>auto | <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>auto
<td>positioned elements
<td>no
<td>&nbsp;
<td><a href="media.html#visual-media-group">visual</a>

</table>
<hr class="navbar">

<div class="navbar" align="center">
<p><a href="refs.html">previous</a> &nbsp;
<a href="descidx.html">next</a> &nbsp;
<a href="cover.html#minitoc">contents</a> &nbsp;
<a href="propidx.html">properties</a> &nbsp;
<a href="indexlist.html">index</a> &nbsp;
</div>
</BODY>
</HTML>