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
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
| 
HOME
Printer friendly page
