CSS outline generator

Explore outline with controls for width, style, color, and offset, switch between px and rem, and generate shorthand or separate-property CSS.

outline

HTML

<div class="outline"></div>

CSS

.outline {
  outline: 6px dashed #9ec6f3;
  outline-offset: 8px;
}