Ejemplo
Ajuste el color de los cuatro bordes:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
Inténtalo tú mismo " Definición y Uso
La propiedad border-color establece el color de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores.
Ejemplos:
- border-color:red green blue pink;
- el borde superior es de color rojo
- borde derecho es de color verde
- borde inferior es de color azul
- borde izquierdo es de color rosa
- border-color:red green blue;
- el borde superior es de color rojo
- fronteras derecha e izquierda son de color verde
- borde inferior es de color azul
- border-color:red green;
- bordes superior e inferior son de color rojo
- fronteras derecha e izquierda son de color verde
- border-color:red;
- los cuatro bordes son de color rojo
Note: declarar siempre la propiedad border-style antes de que la propiedad border-color. Un elemento debe tener fronteras antes de poder cambiar el color.
| Valor por defecto: | The current color of the element |
|---|---|
| Heredado: | no |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.borderColor="#FF0000 blue" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: Internet Explorer 6 (and earlier versions) no admite el valor de la propiedad "transparent" .
sintaxis CSS
border-color:color|transparent|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| color | Especifica el color de fondo. Mira valores de color CSS para obtener una lista completa de los posibles valores de color. El color del defecto es negro | Juegalo " |
| transparent | Especifica que el color del borde debe ser transparente | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia HTML DOM: borderColor property