Propriedade border-top-style do CSS

Definição e uso

border-top-style define o estilo da borda superior do elemento.

A borda só pode aparecer quando esse valor não for none.

No CSS1, o agente de usuário HTML precisa suportar apenas solid e none.

Veja também:

Tutorial de CSS:Borda CSS

Manual de referência do CSS:Propriedade border-top

Manual de referência do DOM HTML:Propriedade BoltonStyle

Exemplo

Definir o estilo da borda superior:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Experimente você mesmo

Sintaxe do CSS

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor do atributo

Valor Descrição
none Define uma borda sem borda.
hidden É o mesmo que "none", exceto quando aplicado a tabelas, onde "hidden" é usado para resolver conflitos de borda.
dotted Define uma borda pontilhada. Em muitos navegadores, é apresentada como uma linha sólida.
dashed Define uma linha pontilhada. Em muitos navegadores, é apresentada como uma linha sólida.
solid Define uma linha sólida.
double Define uma linha dupla. A largura da linha é igual ao valor de border-width.
groove Define uma borda 3D cavada. O efeito depende do valor de border-color.
ridge Define uma borda 3D ondulada. O efeito depende do valor de border-color.
inset Define uma borda 3D inset. O efeito depende do valor de border-color.
outset Define uma borda 3D outset. O efeito depende do valor de border-color.
inherit Especifica que a borda 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.borderTopStyle="dotted"

Mais exemplos

Definir o estilo da borda superior
Este exemplo demonstra como definir o estilo da borda superior.

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 5.5 1.0 1.0 9.2