Atributo border do CSS

Definição e uso

A propriedade abreviada border define todas as propriedades de borda em uma única declaração.

Os seguintes atributos podem ser definidos em ordem:

Se nenhuma dessas valores for definido, não haverá problema, por exemplo, border:solid #ff0000; também é permitido.

Veja também:

Tutorial de CSS:Borda CSS

Manual de referência do HTML DOM:Propriedade border

Exemplo

Defina o estilo de 4 bordas:

p
  {
  border:5px solid red;
  }

Experimente você mesmo

Sintaxe do CSS

border: border-width border-style border-color|initial|inherit;

Valor da propriedade

Valor Descrição
border-width Define a largura da borda. Veja:border-width valores possíveis.
border-style Define o estilo da borda. Veja:border-style valores possíveis.
border-color Define a cor da borda. Veja:border-color valores possíveis.
inherit Especifica que a configuração da propriedade border deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: não especificado
Herança: não
Versão: CSS1
Sintaxe do JavaScript: object.style.border="3px solid blue"

Mais exemplos

Todas as propriedades de borda em uma única declaração
Este exemplo demonstra como usar propriedades abreviadas para definir todas as quatro propriedades de borda em uma única declaração.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5