The border-style shorthand sets the line-style of all four border sides. Accepts 1 (all), 2 (vertical/horizontal), 3 (top/horizontal/bottom), or 4 (top/right/bottom/left) values..box {
border-style: solid;
}.box {
border-style: solid dashed dotted double;
}noneNo border (default). Computed width is 0.hiddenHidden border — same as none, but affects the table border-collapse algorithm.dottedDotted line.dashedDashed line.solidSolid line.doubleDouble line. The width is split between the two lines and the gap between them.groove3D grooved effect.ridge3D ridged effect.insetWhole border appears inset.outsetWhole border appears outset.CSS Borders Module Level 4Working DraftW3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
