CSS Learning Note III (tables/)

CSS Tables

Border

Border:border-width Border-style Border-color|initial|inherit;

Border-width

Border-width:medium|thin|thick|length|initial|inherit;

Border-style

Border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Table Borders

Example

1{2   border: 1px solid black;  3 }

Border-collapse

Border-collapse:separate|collapse|initial|inherit;

Border-spacing

• The Border-spacing property sets the distance between the borders of adjacent cells (only for the "separated borders" mode L).

Border-spacing:length|initial|inherit;

Example

1{2    border-collapse: separate;  3    border-spacing: 10px 50px;  4

Horizontal Alignment

Text-align:left|right|center;

Vertical Alignment

Vertical-align:top|bottom|middle;

Table Padding

Hoverable Table

Striped Tables

Table Color

CSS Learning Note III (tables/)