Propriedade CSS Border

Usa-se a propriedade CSS border para definir os valores da borda de seu elemento HTML:

border: 4px solid #000; /* borda de 1px de largura, com estilo solid e cor preta */
border
Este mesmo trecho de código é o resumo de várias outras propriedades border:
border-top-color: #000; /* cor da borda superior */
border-top-style: solid; /* estilo da borda superior */
border-top-width: 4px; /* espessura da borda supeior */
border-right-color: #000; /* cor da borda direita */
border-right-style: solid; /* estilo da borda direita */
border-right-width: 4px; /* espessura da borda direita */
border-bottom-color: #000; /* cor da borda inferior */
border-bottom-style: solid; /* estilo da borda inferior */
border-bottom-width: 4px; /* espessura da borda inferior */
border-left-color: #000; /* cor da borda esquerda */
border-left-style: solid; /* estilo da borda esquerda */
border-left-width: 4px; /* espessura da borda esquerda */
Retirando uma borda especifica:
border-bottom: none; /* podemos usar o valor 0 que teremos o mesmo resultado */

Comentar este artigo: