CSS Border Property

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

# 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

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