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
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