CSS: borde interior

Dos formas diferentes de crear un borde interno a un div u otro elemento en CSS. A continuación 2 ejemplos diferentes de borde interior y exterior:

A. Usando la propiedad «border» para crear el borde interior, y «outline» para el borde exterior:

.border-interior{
    border: 1px solid red;
    outline: 1px solid blue;
}

B. Usando la propiedad «box-shadow» para crear el borde interior, y «border» para el borde exterior:

.border-interior{
    border: 1px solid blue;
    -webkit-box-shadow: inset 0 0 0 1px red;
    -moz-box-shadow: inset 0 0 0 1px red;
    box-shadow: inset 0 0 0 1px red;
}