CSS border Property
Complete CSS Reference
Definition
The border property is a shorthand property for setting all of the properties for the four borders
in one declaration.
Inherited: No
Note: This property can not set a different value for each side of
the border, like "margin" and "padding".
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.border="thick solid #0000FF"
In our HTML DOM tutorial you can find more details about the
border property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
p
{
border: thin dotted #00FF00
}
span
{
border: solid #0000FF
}
|
Possible Values
Value |
Description |
border-width
border-style
border-color |
Sets the properties for the four borders |
Try-It-Yourself Demos
All the border properties in one
declaration
This example demonstrates a shorthand property for setting all of the properties
for the four borders in one declaration, can have from one to three values.
Complete CSS Reference
|