CSS outline-style

on Apr 11, 2016

CSS outline-style property specify the line style of an element’s outline (solid, double, dashed, etc.).

CSS property outline-style

CSS version:	CSS 2.1
Value:	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| inherit
Initial:	none
Applies to:	all elements
Inherited:	no

Example css outline-style

In the following code, CSS property outline-style can be changed to the following values

solid
dotted
dashed
double
groove
ridge
inset
outset

<style type="text/css">
div {
  width:150px; height:100px;
  background-color: lightgray;
  border: 4px solid gray;
  outline-width: 4px;
  outline-style: solid;
  outline-color: lightblue;
}
</style>

<div></div>

outline-style refresh

try it online