Playground de border en CSS

Explora border con controles interactivos para ancho, estilo y color por lados o ejes, compara propiedades físicas y lógicas y copia el CSS al instante.

Preguntar a la IA

Playground de border en CSS

Respuesta generada con openai/gpt-5.4-nano. La IA puede cometer errores. Revisa siempre el resultado.
border
HTML
<div class="border" dir="ltr">border</div>
CSS
.border {
  min-inline-size: min(100%, 18rem);
  min-block-size: 12rem;
  border: 8px solid #9ec6f3;
}