Style border Property

Add a border to a <div> element:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

More "Try it Yourself" examples below.

Description

The border property sets or returns up to three separate border properties, in a shorthand form.

With this property, you can set/return one or more of the following (in any order):

CSS tutorial: CSS Border

Return the border property:

object.style.border

Set the border property:

object.style.border = "width style color|initial|inherit"

Parameter	Description
width	Sets the width of the borders
style	Sets the style of the borders
color	Sets the color of the borders
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Default Value:	not specified
Return Value:	A String, representing the border width, style and/or color of an element
CSS Version	CSS1

border is a CSS1 (1996) feature.

It is fully supported in all browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes

Change the width, style and color of the border of a <div> element:

document.getElementById("myDiv").style.border = "thin dotted red";

Return the border property values of a <div> element:

alert(document.getElementById("myDiv").style.border);