see explaination
width
|
max-width
|
min-width
|
max-height
|
min-height
|
background
| no |
|
…-attachment
| scroll | fixed | 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 |
|
…-color
| color
*
| transparent | inherit
| | | no |
|
|
background-color | | OK on <tr>
Other properties ignored, use <TD>
|
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-style s 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
| border-width:3; border-style:inset
| dotted | solid
only <td>
border-width:3; border-style:outset
|
…-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 elements | no |
| 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
|
<ol>
- disc
- circle
- square
- none
- upper‑roman
- upper‑alpha
- lower‑roman
- lower‑alpha
- upper‑latin
- lower‑latin
- lower‑greek
- hebrew
|
- armenian
- georgian
- cjk‑ideographic
- hiragana
- katakana
- hiragana‑iroha
- katakana‑iroha
inherit
- decimal
- decimal‑leading‑zero mozilla +opera do it
| |
| | yes |
| …-position
| inside | outside | inherit
<ol> line
- one inside<br>
notice where this line starts
- two </ol> is on next line
|
<ol> line
- one outside<br>
notice where this line starts
- 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
- first item. Desired display is (1)
- second item. opera displays 1. (1)
- 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 |
| | | | | | | | | |