border-bottom

Resumo

A propriedade border-bottom é uma propriedade shorthand que configura os valores de border-bottom-color , border-bottom-style e border-bottom-width . Estas propriedades descrevem a borda inferior de elementos.

• Valor inicial: veja as propriedades individuais para detalhes
• Aplica-se a: todos os elementos
• Herdado: não
• Porcentagens: N/A
• Mídia: visual
• Valor computado: ver propriedades individuais

Sintaxe

border-bottom: [ <border-width> || <border-style> || <border-color> ] | inherit

Valores

<border-width> 

Veja border-bottom-width .

<border-style> 

Veja border-bottom-style .

<border-color> 

Veja border-bottom-color .

Exemplos

View Live Examples

element { 
    border-bottom-width: 1px solid #000;
}

Notas

Os três valores da propriedade shorthand podem ser especificados em qualquer ordem e um ou dois deles podem ser omitidos.

Como com todas as propriedades shorthand, border-bottom sempre configura os valores de todas as propriedades que ele pode configurar, ainda que elas não sejam especificadas. Ele configura as que não especificadas para os seus valores padrão. De maneira que:

  border-bottom-style: dotted;
  border-bottom: thick green;

é realmente o mesmo que

  border-bottom-style: dotted;
  border-bottom: none thick green;

e o valor de border-bottom-style dado antes border-bottom é ignorado.

Desde que o valor padrão de border-bottom-style seja none, não especificar o <border-style> torna o valor, o mesmo que a propriedade especifica na borda.

Especificações

• CSS 1
• CSS 2.1
• CSS 3

Compatibilidade com navegadores

Veja também

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