CSS: The Definitive Guide, 3rd Edition (68 page)

Read CSS: The Definitive Guide, 3rd Edition Online

Authors: Eric A. Meyer

Tags: #COMPUTERS / Web / Page Design

border-left-style

This defines the style for the left border of an element. The value must be
something other than
none
for any border to
appear. In CSS1, HTML user agents were only required to support
solid
and
none
.

Values:

none
|
hidden
|
dotted
|
dashed
|
solid
|
double
|
groove
|
ridge
|
inset
|
outset
|
inherit

Initial value:

none

Applies to:

All elements

Inherited:

No

Computed value:

As specified

border-left-width

This sets the width
for the left border of an element, which will take effect only if the border's style
is something other than
none
. If the border style
is
none
, the border width is effectively reset to
0
. Negative length values are not permitted.

Values:

thin
|
medium
|
thick
|
|
inherit

Initial value:

medium

Applies to:

All elements

Inherited:

No

Computed value:

Absolute length;
0
if the style of the
border is
none
or
hidden

border-right

This shorthand property defines the width, color, and style of the right border of
an element. As with
border
, omission of a border
style will result in no border appearing.

Values:

[ || || ]
|
inherit

Initial value:

Not defined for shorthand properties

Applies to:

All elements

Inherited:

No

Computed value:

See individual properties (
border-width
, etc.)

border-right-color

This property sets the color for the visible portions of the right border of an
element. Only a solid color can be defined, and the border's style must be something
other than
none
or
hidden
for any border to appear.

Values:

|
transparent
|
inherit

Initial value:

The value of
color
for the
element

Applies to:

All elements

Inherited:

No

Computed value:

If no value is specified, use the computed value of the property
color
for the same element; otherwise, as
specified

border-right-style

This defines the
style for the right border of an element. The value must be something other than
none
for any border to appear. In CSS1, HTML
user agents were only required to support
solid
and
none
.

Values:

none
|
hidden
|
dotted
|
dashed
|
solid
|
double
|
groove
|
ridge
|
inset
|
outset
|
inherit

Initial value:

none

Applies to:

All elements

Inherited:

No

Computed value:

As specified

border-right-width

This sets the width for the right border of an element, which will only take
effect if the border's style is something other than
none
. If the border style is
none
, the
border width is effectively reset to
0
. Negative
length values are not permitted.

Values:

thin
|
medium
|
thick
|
|
inherit

Initial value:

medium

Applies to:

All elements

Inherited:

No

Computed value:

Absolute length;
0
if the style
of
the border is
none
or
hidden

border-style

This shorthand property can be used to set the styles for the overall border of an
element, or for each side individually. The value of any border must be something
other than
none
for the border to appear. In CSS1,
HTML user agents were only required to support
solid
and
none
.

Values:

[
none
|
hidden
|
dotted
|
dashed
|
solid
|
double
|
groove
|
ridge
|
inset
|
outset
]{1,4} |
inherit

Initial value:

Not defined for shorthand properties

Applies to:

All elements

Inherited:

No

Computed value:

See individual properties (
border-top-style
, etc.)

Note:

HTML user agents are only required to support
solid
and
none
; the rest of
the values (except for
hidden
) may be
interpreted as
solid

border-top

This
shorthand property defines the width, color, and style of
the top
border of an element. As with
border
, omission of
a border style will result in no border appearing.

Values:

[ || || ]
|
inherit

Initial value:

Not defined for shorthand properties

Applies to:

All elements

Inherited:

No

Computed value:

See individual properties (
border-width
, etc.)

border-top-color

This property sets the color for the visible portions of the top border of an
element. Only a solid color can be defined, and the border's style must be something
other than
none
or
hidden
for any border to appear.

Values:

|
transparent
|
inherit

Initial value:

The value of
color
for the
element

Applies to:

All elements

Inherited:

No

Computed value:

If no value is specified, use the computed value of the property
color
for the same element; otherwise, as
specified

border-top-style

This defines the style for the top border of an element. The value must be
something other than
none
for any border to
appear. In CSS1, HTML user agents were only required to support
solid
and
none
.

Values:

none
|
hidden
|
dotted
|
dashed
|
solid
|
double
|
groove
|
ridge
|
inset
|
outset
|
inherit

Initial value:

none

Applies to:

All elements

Inherited:

No

Computed value:

As specified

border-top-width

This sets
the width for the top border of an element, which will only take effect if the
border's style is something other than
none
. If
the style is
none
, the width is effectively reset
to
0
. Negative length values are not permitted.

Values:

thin
|
medium
|
thick
|
|
inherit

Initial value:

medium

Applies to:

All elements

Inherited:

No

Computed value:

Absolute length;
0
if the style of the
border is
none
or
hidden

border-width

This shorthand property can be used to set the width for the overall border of an
element or for each side individually. The width will take effect for a given border
only if the border's style is something other than
none
. If the border style is
none
, the
border width is effectively reset to
0
. Negative
length values are not permitted.

Values:

[
thin
|
medium
|
thick
|
]{1,4} |
inherit

Initial value:

Not defined for shorthand properties

Applies to:

All elements

Inherited:

No

Computed value:

See individual properties (
border-top-style
, etc.)

bottom

This property defines the offset between the bottom outer margin edge of a
positioned element and the bottom edge of its containing block.

Values:

| |
auto
|
inherit

Initial value:

auto

Applies to:

Positioned elements (that is, elements for which the value of
position
is something other than
static
)

Inherited:

No

Percentages:

Refer to the height of the containing block

Computed value:

For relatively positioned elements, see Note; for
static
elements,
auto
; for length values, the corresponding absolute length; for
percentage values, the specified value; otherwise,
auto

Note:

For relatively positioned elements, if both
bottom
and
top
are
auto
, their computed values are both
0
; if one of them is
auto
, it becomes the negative of the other; if neither is
auto
,
bottom
will become the negative of the value of
top

Other books

Stillness in Bethlehem by Jane Haddam
Piggyback by Pitts, Tom
Hard to Love You by Megan Smith
Internal Threat by Sussman, Ben
Orchestrated Death by Cynthia Harrod-Eagles