/

HTML / CSS / JavaScript Tutorial

CSS Border Styles

[this page | pdf | back links]

CSS border-style properties (i.e. border-style, border-bottom-style, border-left-style, border-right-style and border-top-style) can take the following values (other than inherit and initial):

 

Value

Description

dashed

Dashed border

dotted

Dotted border

double

Double border

groove

Effect depends on relevant border-color value (i.e. value of border-color, border-bottom-color, border-left-color, border-right-color or border-top-color

hidden

Same as "none" except when there are border conflicts

inset

Effect depends on relevant border-color value

none

(default value). No border

outset

Effect depends on relevant border-color value

ridge

Effect depends on relevant border-color value

solid

Solid border

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile