Exemplo
Defina o estilo da borda inferior:
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
Tente você mesmo " Definição e Uso
A propriedade estenográfica border-bottom define todas as propriedades borda inferior em uma declaração.
As propriedades que podem ser definidas, são (in order) : border-bottom-width, border-style-bottom e border-bottom-color.
Não importa se um dos valores acima estiver faltando, por exemplo, border-bottom: # ff0000 sólidos; é permitido.
| Valor padrão: | medium none color |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.borderBottom="3px solid blue" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| border-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Nota: Consulte o suporte ao navegador individual para cada valor abaixo.
CSS Syntax
border-bottom:border-widthborder-styleborder-color|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| border-bottom-width | Especifica a largura da borda inferior. O valor padrão é "medium" |
| border-bottom-style | Especifica o estilo da borda inferior. O valor padrão é "none" |
| border-bottom-color | Especifica a cor da borda inferior. O valor padrão é a cor do elemento |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Border
HTML DOM de referência: borderBottom property