Partes de una Caja: El Borde

border_outer

Border Box

Borde de la caja

El borde envuelve el contenido y el relleno, creando una línea o área visible alrededor del elemento.

view_quilt

Línea visible

Crea un borde estilizado alrededor

palette

Estilo personalizado

Define color, grosor y tipo

layers

Control con border

Usa la propiedad border

📦

Contenido

Border Top: 5px
Border Bottom: 5px
Border Left: 5px
Border Right: 5px
code

Ejemplo de CSS

.caja {
border: 5px solid black;
border-top: 3px dashed red;
}