mozilla

border-bottom-style

Resumo

border-bottom-style configura o estilo da linha da borda inferior de uma caixa.

  • Valor inicial: none
  • Aplica-se a: todos os elementos
  • Herdado: não
  • Porcentagens: N/A
  • Mídia: visual
  • Valor computado: como especificado

Sintaxe

border-bottom-style: <border-style> | inherit

<border-style> Valores

none 
Sem borda.
hidden 
O mesmo que 'none', exceto em termos de conflitos na resolução de bordas para elementos de tabela.
dotted 
Série de pontos.
dashed 
Série de traços ou segmentos de linha.
solid 
Simples, reto, linha contínua.
double 
Duas linhas retas que adicionam uma quantidade de pixels definida por border-width.
groove 
Efeito entalhado.
ridge 
Contrário de 'groove'.
inset 
Faz a caixa aparecer em baixo relevo.
outset 
Contrário de 'inset'. Faz a caixa aparecer em alto relevo.

Propriedades relacionadas

Exemplos

View Live Examples

element {
        border-bottom-size: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}

Notas

A menos que seja configurado um valor para border-style, sua borda não aparecerá, pois o valor padrão configurado é 'none'.

Especificações

== Compatibilidade com navegadores ==

Veja também

border-bottom-style, border-bottom, border-bottom-color, border-bottom-width,

Categorias

Interwiki Language Links

Etiquetas do documento e colaboradores

Etiquetas: 
Contributors to this page: Verruckt, teoli
Última atualização por: teoli,