CSS outline-style

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;

outline-style refresh



Share this article: share on Google+ share on facebook share on linkedin tweet this submit to reddit


Click here to write/view comments