Propriedade CSS Border-Style

Border-Style é utilizado para definir o estilo de uma borda:

border-style: solid; /* Borda solida */
border-style: double; /* Borda dupla */
border-style: dotted; /* Borda pontilhada */
border-style: dashed; /* Borda tracejada */
border-style: groove; /* Borda entalhada */
border-style: ridge; /* Borda em ressalto */
border-style: inset; /* Borda em baixo relevo */
border-style: outset; /* Borda em alto relevo */
solid
double
dotted
dashed
groove
ridge
inset
outset
Ainda existem os valores none(sem borda) e hidden(equivalente a none).

Misturando estilos:
border: 5px #F90;
border-style: groove dotted double dotted;
/* sentido horario: top, right, bottom e left */
5px
Isso é o mesmo que:
border-top-style: groove;
border-right-style: dotted;
border-bottom-style: double;
border-left-style: dotted;

Comentar este artigo: