Borders and Tables


These set the border styles for the page, text, table, and image elements.

border-color

Usage

Sets the border color for an element.

Values

<color> The hex number (or text equivalent) of the preferred color.

inherit The same as the parent element.

none No image.

Initial Value

transparent.

Notes

Set the color for specific borders using the border-top-color, border-right-color, border-bottom-color, and border-left-color properties.


border-style

Usage

Sets the style of the border for an element.

Values

dotted A series of small dots form the border.

dashed A series of dashes form the border.

solid A narrow, solid line forms the border.

double Double, narrow, solid lines form the border.

groove A narrow carved line forms the border.

ridge A narrow raised line forms the border.

inset The border makes the entire element appear to be embedded.

outset The border makes the entire element appear to be raised.

inherit The same as the parent element.

none No border.

Initial Value

none.

Notes

Set the position of the border with the border-top-style, border-right-style, border-bottom-style, and border-left-style properties.


border-width

Usage

Sets the width of the border for an element.

Values

<width> The width is a fixed length expressed in inches (in), centimeters (cm), points (pt), or pixels (px).

thin A thin line forms the border.

medium A medium line forms the border.

thick A thick line forms the border.

inherit The same as the parent element.

Initial Value

medium.

Notes

Set the width of specific borders using the border-top-width, border-right-width, border-bottom-width, and border-left-width properties.


caption-side

Usage

Sets the position of the caption relative to the table.

Values

top The caption appears at the top of the table.

bottom The caption appears at the bottom of the table.

inherit The same as the parent element.

Initial Value

0.


empty-cells

Usage

Specifies the treatment of empty table cells.

Values

show Empty cells are treated the same as nonempty cells.

hide Empty cells are not displayed.

inherit The same as the parent element.

Initial Value

show.


float

Usage

Sets the spacing before the text element relative to the surrounding elements.

Values

left The content of the element floats to the left.

right The content of the element floats to the right.

none The content does not float.

inherit The same as the parent element.

Initial Value

none.




Sams Teach Yourself HTML in 10 Minutes
Sams Teach Yourself HTML in 10 Minutes (4th Edition)
ISBN: 067232878X
EAN: 2147483647
Year: 2004
Pages: 151
Authors: Deidre Hayes

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net