This is a shorthand property which allows an author to specify
the border-width, border-style, and border-color for all the borders
of an element's rendering box at once. Unlike the
'margin' and 'padding'
properties, this property cannot specify different values for each
side. To do this, use the properties for each side instead
('border-top', 'border-right',
'border-bottom' and 'border-left'.)
Allowed Values
inherit
[CSS2|CSS2.1]
[N6|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
Ext/Doc: blockquote {
border: medium dashed #ff0000 }
In-Line: <blockquoteSTYLE="border: medium dashed #ff0000">this
is a beautiful blockquote test</blockquote>
Browser Peculiarities
Internet Explorer
4.0:
- This property does not apply to input TYPE=checkbox/radio fields
- Applying border properties to list items skews the normal placement
of the marker
4.0+:
- The default 'border-style' for form fields and tables/table cells
is not "none."
- Using a 'border-style' of "double" with 'border-width' set to "thin"
produces a solid, thin border, not a double border.
- Applying a border-style of "double", "dotted" or "dashed" on the
BODY element produces a "solid" border style
- Applying borders to the BODY element puts the border outside
the canvas' scrollbars.
4.0-5.0:
- This property does not apply to inline elements.
5.0:
- A static size is given to input TYPE=checkbox/radio fields.
Borders are rendered within this. Depending on the border-width,
this can possibly obscure part or all of the field.
5.5+:
- Beginning in 5.5 Beta 1, this property now applies to inline elements.
Netscape
4.0:
- Inline elements are turned into block elements when Border properties
are applied.
- Border properties have no effect on tables and table cells
- Border properties applied to form fields and images: creates a linefeed
after the element followed by a small box carrying the border property/value.
- Border properties applied to list items (LI) and DT/DD:
creates a small box carrying the border property/value, followed by
a linefeed, followed by the list item content.
- Border properties applied to list structures (OL/UL): causes the list
markers to be shown as small bullets, regardless of the 'list-style-type'
applied.
- The default value for 'border-style' is "solid", not "none". The
default value for 'border-width' is "0", not "medium."
- Border properties applied to hyperlinks make the hyperlink unusable!
- Even if the 'border-style' is set to "none", an element is rendered
with space allowance for any indicated 'border-width' value.
- The borders created for hyperlinked images can not be controlled
by the 'border-style' "none" value.
- Border styles applied to unclosed P element, nested inside a floating
element: all content after opening P element disappears.
- Reported elsewhere: Crash when border applied to unclosed P element
in table cell, while another table is nested in the cell (verified in
4.0x, NT but appears ok in 4.5x, 98)
- Reported elsewhere: Assigning border properties to elements with
'width' set to "100%" can cause unnecessary linefeeds when printing.
Opera
3.5:
- Borders have no effect on images, tables, table cells and form fields.
- Using a 'border-style' of "double" with 'border-width' set to "thin"
produces a solid, thin border, not a double border.