Scholar Repository
Home>Manual>CSS Border Property

CSS Border Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS border Property


CSS Reference 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.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Border Property