CSS border Property

Description

The border property sets the border properties. Used as a type of shortcut, instead of listing each property separately. The border property can be used to set the values for one or more of: border-width, border-style and border-color.

Initial value: See individual properties
Applies to: All elements
Inherited: No
Media: Visual
Computed value: See individual properties
Animatable: See individual properties
CSS Version: CSS1, CSS2, CSS3
JavaScript syntax: object.style.border

Syntax

border: <line-width> || <line-style> || <color>

Values

<line-width>See border-width CSS property for values.
<line-style>See border-style CSS property for values.
<color>See border-color CSS property for values.
inherit

Example

HTML

<div class="border">Example of the border property.</div>

CSS

.border {
   margin: 20px;
   padding: 20px;
   border: 2px dashed blue;
}

Result

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop

4	12	1	1	3.5	1

Tablets / Mobile

≤37	18	4	14	1	1.0

Last updated by CSSPortal on: 6th December 2019

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu