from: www.w3.org/TR/1998/REC-CSS2-19980512/propidx.html

previous   next   contents   w3/properties   index  

Media groups column commented out
since aural only rows
condensed by Dennis G German

another site (with examples)w3schools.com/htmldom/dom_obj_style

Appendix F. Property Index

Name Values
Initial value in bold 		special
Initial value 		Applies to
(Default: all)		Inherit
ed		Percentages
(Default: N/A)
height length | percentage | auto | inherit all elements but non-replaced inline elements, table columns, and column groups no see explaination
width
max-width
min-width
max-height
min-height
background no  
…-attachment scroll | fixed | inherit     no  
…-color color * | transparent | inherit    no  
…-image uri | none | inherit     no  
…-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
…-repeat repeat | repeat-x | repeat-y | no-repeat | inherit     no  
border [ …-width || border-style || color ] | inherit   only <td> no  
…-top
…-right
…-bottom
…-left
[ …-location-width: thin | medium | thick | value || border-style || color ] | inherit     no  
…-collapse collapse | separate | inherit   table and inline-table elements yes  
…-spacing length length? | inherit 0 yes  
…-color color{1,4} | transparent | inherit     no  
…-top-color
…-right-…
…-bottom-…
…-left-…
color | inherit
notice both the cell to the ←left of this one and this one have a border (width:1),
the border-right-color:red is barely noticable 		only <td> no  
…-style border-style{1,4} | inherit     no  
…-top-style
…-right-…
…-bottom-…
…-left-…
border-style:dotted dashed insert outset solid none inherit

border-styles inset and outset are only apparent with border-width:3 or more.
Notice on this cell the border-style:none makes the border-style:dotted on the next cell obvious on the left but
it is barely noticable on the right due the the solid border on the following cell
The

none only <td> no  
…-width border-width{1,4} | inherit     no  
…-top-width
…-right-…
…-bottom-…
…-left-…
border-width | inherit medium   no  
outline
…-color color | invert | inherit     no   interactive
…-style border-style | inherit none   no   interactive
…-width border-width | inherit medium   no   interactive
float left | right | none | inherit   all but positioned elements and generated content no  
clear none | left | right | both | inherit  block-level elements no  
clip shape | auto | inherit   only to absolutely positioned elementsno  
overflow visible | hidden | scroll | auto | inherit   block-level and replaced elements no  
visibility visible | hidden | collapse | inherit 
    <span    id=locationo style=display:none >
    <INPUT name=locationx id=locationi value=" " >

if ( ){ iname.style.display="";        // sets  visible
        document.fname.iname.focus();  document.fname.iname.select(); }
else{   iname.style.display="none";}   // sets  hidden
    no  
color color | inherit   yes  
cursor [ [uri , ]* [ auto | default |crosshair | text | wait | help | pointer | move
| e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize ] ] | inherit 		    yes   interactive
direction ltr | rtl | inherit
(i.e. left to right | right to left) 		  all elements* yes  
display inline | block | list-item | run-in | compact | marker |
table | inline-table |
table-header-group | table-footer-group |
table-row-group | table-column-group |
table-row | table-column | table-cell | |
table-caption | none | inherit 		    no  
font [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit     yes allowed on
font-size and
line-height
…-style normal | italic | oblique | inherit     yes  
…-variant normal | small-caps | inherit     yes  
…-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit     yes  
…-size absolute-size | relative-size | length | percentage | inherit medium   yes* refer to parent element
…-family [[ family‑name | generic-family ], ]* [ family‑name | generic-family ] | inherit     yes  
…-size-adjust number | none | inherit     yes  
…-stretch normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi‑condensed | semi‑expanded | expanded | extra‑expanded | ultra‑expanded | inherit     yes  
line-height normal | number | length | percentage | inherit    yes refer to the font size of the element itself
list‑style [ list‑style-type || list‑style-position || list‑style-image ] | inherit undefined elements with 'display: list‑item' yes  
…-type
    <ul>
  • disc
    <ol>
  1. disc
  2. circle
  3. square
  4. none

  5. upper‑roman
  6. upper‑alpha
  7. lower‑roman
  8. lower‑alpha
  1. upper‑latin
  2. lower‑latin
  3. lower‑greek
  4. hebrew

  1. armenian
  2. georgian
  3. cjk‑ideographic
  4. hiragana
  5. katakana
  6. hiragana‑iroha
  7. katakana‑iroha

    inherit

  8. decimal
  9. decimal‑leading‑zero mozilla +opera do it
  yes  
…-position inside | outside | inherit
    <ol> line
  1. one inside<br>
    notice where this line starts  
  2. two     </ol> is on next line
    <ol> line
  1. one outside<br>
    notice where this line starts  
  2. two          </ol> is on next line
  yes  
…-image uri | none | inherit   yes  
counter-increment
for ordered lists <LI> 		[ identifier integer? ]+ | none | inherit     no  
counter-reset
for ordered lists <LI>
marker-offset length | auto | inherit
  1. first item. Desired display is (1)
  2. second item. opera displays 1. (1)
  3. third item.
  elements with 'display: marker' no  
margin margin‑width{1,4} | inherit      Units required (unless 0)      Not for tr,td,tbody
example: margin: 2em 4em 2em 4em top & bottom 2, right & left 4. 		   no %s refer to width of containing block
…-top
…-right
…-bottom
…-left 		margin-width | inherit 0   no
padding padding-width{1,4} | inherit     Not for tbody, thead ,tfoot tr, colgroup & col 0  no refer to width of containing block
…-top
…-right
…-bottom
…-left
padding-width | inherit 0
page identifier | auto   block-level elements yes   paged
…-break-after auto | always | avoid | left | right | inherit no
…-break-before no
…-break-inside avoid | auto | inherit yes
marks [ crop || cross ] | none | inherit   page context N/A
widows integer | inherit 2 block-level elements yes
orphans
size length {1,2} | auto | portraitsic | landscapesic | inherit   the page context N/A
quotes [openString closeString]+ | none | inherit 
Q { quotes: "\201C" "\201D" "\2018" "\2019" }

I said:he said:stinko 


not safari
    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  
table-layout auto | fixed | inherit   table and 'inline-table' elements no  
caption-side top | bottom | left | right | inherit  table-caption elements yes  
empty-cells show | hide | inherit   table-cell elements yes  
vertical-align baseline | super | sub

| top | text-top | middle | bottom | text‑bottom

| percentage | length | inherit

  inline-level and 'table-cell' elements no refer to the 'line-height' of the element itself
text-align left | right | center | justify | string | inherit   block-level elements yes  
…-indent length | percentage | inherit 0 block-level elements yes refer to width of containing block
…decoration none | [ underline || overline || line-through || blink ] | inherit     no *  
…-shadow none | [ color || length length length? , ]* [color || length length length? ] |
shadow-offset-horiz -vert blurRadius shadowColor inherit
shadowed 		    no
see prose 		 
…-transform capitalize | uppercase | lowercase | none | inherit     yes  
letter-spacing normal | length | inherit    yes  
word-spacing
position static | relative | absolute | fixed | inherit   all elements, but not to generated content no  
top length | percentage | auto | inherit   positioned elements no refer to height of containing block
bottom
left
right
unicode-bidi normal | embed | bidi-override | inherit   all elements, but see description no  
white-space normal | pre | nowrap | inherit   block-level elements yes  
z-index auto | integer | inherit   layer
items in higher layers obscure items in lower layers		no  

previous   next   contents   properties   index