Resumen
la propiedad border-color es un atajo para definir el color de los cuatro bordes de un elemento.
valor inicial: elcolordel elemento en sí- Se aplica a: todos los elementos
herencia: no- Percentages: N/A
- Medio:
visual valor calculada: el valor delcolorpor defecto, o lo que se especificó.
Sintaxis
border-color: [ <color> || transparent ]{1,4} | inherit
Valores
- <color>
- el color se puede especificar con un valor RGB hexa-decimal o regular, o con el nombre predefinido de ese color.
- transparent
- el borde no aparece pero ocupa el sitio definido.
Se pueden pasar hasta cuatro valores;
Con un color, los cuatro lados tendrán el mismo.
Con dos colores, los lados de arriba y abajo utilizan el primer valor y los izquierda y derecha el segundo.
Con tres colores, el primero para arriba, el segundo para izquierda y derecha y el tercero para abajo.
Con cuatro colores, el primero para arriba, el segundo para la derecha, el tercero para abajo y el cuarto para la izquierda.
Ejemplos
element {
border-width: 1px;
border-style: solid;
border-color: black;
}
Notas
Para poder ver el/los bordes también hay que definir el ancho con un valor positivo y el estilo con algo visible. (diferente de none o hidden)
Especificaciones
Compatibilidad
| Navegadores | Versión mínima |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
Extensiones Mozilla
La siguientes extensiones definen los múltiples colores de los respectivos bordes en los navegadores Gecko.
Ver también
border, border-color, border-style, border-width
Categorías
Interwiki Languages