English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-La propiedad CSS de color se utiliza para establecer la propiedad de color de borde único, es una propiedad de atajos.border-top-color，border-right-color，border-bottom-colorYborder-left-colorPara una declaración única.
La tabla siguiente muestra la explicación de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en el script JavaScript.
| Valor predeterminado: | Ver todas las propiedades |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animación posible: | Es.Ver Atributo de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis de JavaScript: | object object.style.borderColor="#cc0000 red" |
La sintaxis de este atributo es la siguiente:
border-color: [ color | transparent ] 1 to 4 values | inherit
Este atajo de notación abreviada puede tener un, dos, tres o cuatro valores separados por espacios en blanco.
Si se especificaUn valorSe aplica a todos los bordes.
Si se especificanDos valoresSe utiliza el primer valor para los bordes superior e inferior, y el segundo valor para los bordes derecho e izquierdo.
Si se especificanTres valoresSe utiliza el primer valor para el borde superior, el segundo valor para los bordes derecho e izquierdo, y el tercer valor para el borde inferior
Si se especificanCuatro valoresSi se especifican, cada valor se aplica en el orden superior, derecho, inferior e izquierdo al borde.
Los siguientes ejemplos muestran cómo usar border-Atributo color.
p {
border-style: solid;
border-color: #ff0000;
}Prueba aquí‹/›Nota:Debe especificar en border-declaración del atributo colorborder-styleAtributo. El elemento debe tener un borde para poder establecer el color del borde, ya queborder-styleEl valor predeterminado del atributo es none.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| color | Especificar el color del borde. VerValores de color CSSpara obtener una lista de valores de color posibles. |
| transparent | Permite que el borde sea transparente, aunque puede ocuparborder-widthEspacio del atributo. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-Valores del atributo color. |
border-La compatibilidad del navegador del atributo color, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Ver tutorial:Borde CSS，CSS3 Border。
Atributos relacionados:border，border-style，border-width，border-top-color，border-right-color，border-bottom-color，border-left-color。