border-style property in CSS

A simple border-style property example:

border-style: dotted;

Laboratory

description & Usage

We determine the style and framing mode with the border-style property.

#	Description
Default Value	none
Inherited	no
Animatable	no
Version	CSS1
JavaScript syntax	object.style.borderStyle="dotted double"

#	Chrome	Edge	Firefox	Safari	Opera
border-style

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Values	Description
none	No margin is set.
hidden	Defines an invisible margin.
dotted	Specifies a dotted border.
dashed	Specifies a border with dashed lines.
solid	Defines a border with a straight line.
double	Sets the double margin.
groove	Defines a 3D grooved border.
ridge	Defines a 3D dashed border.
inset	Defines the inner 3D border.
outset	Specifies the initial 3D border.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.