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
This defines the style for the left border of an element. The value must be
something other thannonefor any border to
appear. In CSS1, HTML user agents were only required to supportsolidandnone.
- 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
This sets the width
for the left border of an element, which will take effect only if the border's style
is something other thannone. If the border style
isnone, the border width is effectively reset to0. Negative length values are not permitted.
- Values:
thin|medium|thick|| inherit- Initial value:
medium- Applies to:
All elements
- Inherited:
No
- Computed value:
Absolute length;
0if the style of the
border isnoneorhidden
This shorthand property defines the width, color, and style of the right border of
an element. As withborder, 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.)
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 thannoneorhiddenfor any border to appear.
- Values:
| transparent|inherit- Initial value:
The value of
colorfor the
element- Applies to:
All elements
- Inherited:
No
- Computed value:
If no value is specified, use the computed value of the property
colorfor the same element; otherwise, as
specified
This defines the
style for the right border of an element. The value must be something other thannonefor any border to appear. In CSS1, HTML
user agents were only required to supportsolidandnone.
- 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
This sets the width for the right border of an element, which will only take
effect if the border's style is something other thannone. If the border style isnone, the
border width is effectively reset to0. Negative
length values are not permitted.
- Values:
thin|medium|thick|| inherit- Initial value:
medium- Applies to:
All elements
- Inherited:
No
- Computed value:
Absolute length;
0if the style
of
the border isnoneorhidden
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 thannonefor the border to appear. In CSS1,
HTML user agents were only required to supportsolidandnone.
- 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
solidandnone; the rest of
the values (except forhidden) may be
interpreted assolid
This
shorthand property defines the width, color, and style of
the top
border of an element. As withborder, 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.)
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 thannoneorhiddenfor any border to appear.
- Values:
| transparent|inherit- Initial value:
The value of
colorfor the
element- Applies to:
All elements
- Inherited:
No
- Computed value:
If no value is specified, use the computed value of the property
colorfor the same element; otherwise, as
specified
This defines the style for the top border of an element. The value must be
something other thannonefor any border to
appear. In CSS1, HTML user agents were only required to supportsolidandnone.
- 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
This sets
the width for the top border of an element, which will only take effect if the
border's style is something other thannone. If
the style isnone, the width is effectively reset
to0. Negative length values are not permitted.
- Values:
thin|medium|thick|| inherit- Initial value:
medium- Applies to:
All elements
- Inherited:
No
- Computed value:
Absolute length;
0if the style of the
border isnoneorhidden
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 thannone. If the border style isnone, the
border width is effectively reset to0. 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.)
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
positionis something other thanstatic)- Inherited:
No
- Percentages:
Refer to the height of the containing block
- Computed value:
For relatively positioned elements, see Note; for
staticelements,auto; for length values, the corresponding absolute length; for
percentage values, the specified value; otherwise,auto- Note:
For relatively positioned elements, if both
bottomandtopareauto, their computed values are both0; if one of them isauto, it becomes the negative of the other; if neither isauto,bottomwill become the negative of the value oftop