- Posted by lio on October 29, 2008
CSS Table Properties
The CSS table properties allow you to set the layout of a table.
Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
| Property | Description | Values | IE | F | N | W3C |
| border-collapse | Sets whether the table borders are collapsed into a single border or detached as in standard HTML | collapse
separate | 5 | 1 | 7 | 2 |
| border-spacing | Sets the distance that separates cell borders (only for the "separated borders" model) | length length | 5M | 1 | 6 | 2 |
| caption-side | Sets the position of the table caption | top
bottom
left
right | 5M | 1 | 6 | 2 |
| empty-cells | Sets whether or not to show empty cells in a table (only for the "separated borders" model) | show
hide | 5M | 1 | 6 | 2 |
| table-layout | Sets the algorithm used to display the table cells, rows, and columns | auto
fixed | 5 | 1 | 6 | 2
|
- Posted by lio on October 29, 2008
CSS List Properties
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
| Property | Description | Values | IE | F | N | W3C |
| list-style | A shorthand property for setting all of the properties for a list in one declaration | list-style-type
list-style-position
list-style-image | 4 | 1 | 6 | 1 |
| list-style-image | Sets an image as the list-item marker | none
url | 4 | 1 | 6 | 1 |
| list-style-position | Sets where the list-item marker is placed in the list | inside
outside | 4 | 1 | 6 | 1 |
| list-style-type | Sets the type of the list-item marker | none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha | 4 | 1 | 4 | 1 |
| marker-offset | | auto
length | | 1 | 7 | 2
|
- Posted by lio on October 29, 2008
CSS Padding Properties
The CSS padding properties define the space between the element border and the element content. Negative values are not allowed. The top, right, bottom, and left padding can be changed independently using separate properties. A shorthand padding property is also created to control multiple sides at once.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
| Property | Description | Values | IE | F | N | W3C |
| padding | A shorthand property for setting all of the padding properties in one declaration | padding-top
padding-right
padding-bottom
padding-left | 4 | 1 | 4 | 1 |
| padding-bottom | Sets the bottom padding of an element | length
% | 4 | 1 | 4 | 1 |
| padding-left | Sets the left padding of an element | length
% | 4 | 1 | 4 | 1 |
| padding-right | Sets the right padding of an element | length
% | 4 | 1 | 4 | 1 |
| padding-top | Sets the top padding of an element | length
% | 4 | 1 | 4 | 1
|