Playground de outline en CSS

Explora outline con controles para ancho, estilo, color y desplazamiento, cambia entre px y rem y genera el CSS con shorthand o propiedades separadas.

outline

HTML

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

CSS

.outline {
  min-inline-size: min(100%, 18rem);
  min-block-size: 12rem;
  outline: 6px dashed #9ec6f3;
  outline-offset: 8px;
}