English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

regras CSS @

大全 de atributos CSS

CSS border-inferior-Uso e exemplo do atributo cor

CSS border-inferior-O atributo cor é usado para definir a cor da borda inferior do elemento de forma isolada. No entanto, no trabalho prático, geralmente usamos a abreviação de atalho de propriedade border, também conhecida comoborder-corouborder-inferiorpara definir o estilo ou cor da borda.

A tabela a seguir resume o contexto de uso e o histórico de versões dessa propriedade.

Valor padrão:corValor da propriedade
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Ver Atributos animados
Versão:CSS 1,2,3
Sintaxe JavaScript:object object.style.borderBottomColor="red"

border-inferior-Uso da sintaxe cor

A sintaxe dessa propriedade é a seguinte:

border-inferior-cor: color | transparente | inherit

Os exemplos a seguir mostram como usar border-inferior-atributo cor.

  p {
   border-estilo: solid;
   border-inferior-cor: #ff0000;
  }
Teste e veja‹/›

Atenção:Deve estar em CSS border-inferior-Declarado antes do atributo corborder-estiloEssa propriedade, além disso, o elemento deve ter uma borda, antes de poder definir a cor da borda.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
CorEspecifique a cor da borda superior. VerValor de cor CSSpara obter uma lista de possíveis valores de cor.
transparentePermite que a borda seja transparente, mesmo que possa ocuparborder-larguraEspaço da propriedade.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o border do elemento pai-inferior-Valor calculado do atributo cor.

Compatibilidade do navegador

border-inferior-Compatibilidade do navegador do atributo cor, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo. Todos os navegadores populares suportam esse atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Ver tutorial:CSS BordaCSS3 Borda

Atributos relacionados:borderborder-corborder-inferiorborder-inferior-estilo
border-inferior-largura