English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top-Método de uso e exemplo da propriedade color border-colorouborder-topEssa propriedade de CSS abreviada é mais conveniente e recomendável usar.
A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.
| Valor padrão: | colorValores da propriedade |
|---|---|
| Aplicável a: | Todos os elementos |
| Herança: | Não |
| Animável: | Sim.Veja Propriedades de animação。 |
| Versão: | CSS 1，2，3 |
| Sintaxe JavaScript: | object.style.borderTopColor="red" |
A sintaxe dessa propriedade é:
border-top-color: color | transparent | initial | inherit
Os exemplos a seguir demonstram como usar border-top-propriedade color.
p {
border-style: solid;
border-top-color: #ff0000;
}Teste e veja‹/›Atenção:Você deve definir border-bottom-propriedade width antes declaradaborder-stylePropriedade. O elemento deve ter uma borda antes de poder definir a largura da borda, porque aborder-styleO valor padrão dessa propriedade é none.
A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| color | Especifica a cor da borda superior. VejaValores de cor do CSSpara obter a lista de possíveis valores de cor. |
| transparent | Permite que a borda seja transparente, mesmo que ela possa ocuparborder-widthO espaço da propriedade. |
| initial | Defina essa propriedade para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o border do elemento pai-top-Valores da propriedade color. |
border-top-Compatibilidade do navegador para a propriedade color, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Veja o tutorial:CSS Border，CSS3 Border。
Propriedades relacionadas:border，border-color，border-top，border-top-style，
border-top-width。