Exemplo
Defina a cor das quatro bordas:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
Tente você mesmo " Definição e Uso
A propriedade border-color define a cor de quatro bordas de um elemento. Esta propriedade pode ter de um a quatro valores.
Exemplos:
- border-color:red green blue pink;
- borda superior é vermelha
- borda direita é verde
- borda inferior é azul
- borda esquerda é rosa
- border-color:red green blue;
- borda superior é vermelha
- bordas direita e esquerda são verdes
- borda inferior é azul
- border-color:red green;
- bordas superior e inferior são vermelhos
- bordas direita e esquerda são verdes
- border-color:red;
- todas as quatro bordas são vermelhas
Note: Sempre declarar a propriedade border-style antes que a propriedade border-color. Um elemento deve ter fronteiras antes que você pode mudar a cor.
| Valor padrão: | The current color of the element |
|---|---|
| Herdado: | no |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.borderColor="#FF0000 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-color | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Note: o Internet Explorer 6 (and earlier versions) não suporta o valor da propriedade "transparent" .
CSS Syntax
border-color:color|transparent|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| color | Especifica a cor de fundo. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor. cor padrão é preto | Jogue " |
| transparent | Especifica que a cor da borda deve ser transparente | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Border
Referência HTML DOM: borderColor property