Web4College

CSS border-style property

src

Description

CSS border-style is a short hand property of border-top-style, border-right-style, border-bottom-style, and border-left-style properties. It defines the style for all the sides of a block.

Syntax

border-style : border-top-style   border-right-style   border-bottom-style   border-left-style

Property values

noneDefault

It is the same as border-style: none none none none;.

border-style: none;
Try it

solid dotted

It is the same as border-style: solid dotted solid dotted;.

border-style: solid dotted;
Try it

solid dotted dashed

It is the same as border-style: solid dotted dashed dotted;.

border-style: solid dotted dashed;
Try it

none solid dotted dashed

It is the same as border-style: none solid dotted dashed;.

border-style: none solid dotted dashed;
Try it

Applicable to

It applies to See longhand properties.