Skip to main content

Visit Mozilla.org

CSS:border-color

De MDC

« Anterior Siguiente »

[editar] Resumen

la propiedad border-color es un atajo para definir el color de los cuatro bordes de un elemento.

[editar] Sintaxis 

border-color: [ <color> || transparent ]{1,4} | inherit

[editar] 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.

[editar] Ejemplos

Ver ejemplos en acción 

element { 
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

[editar] 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)

[editar] Especificaciones

[editar] Compatibilidad

Navegadores Versión mínima
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

[editar] Extensiones Mozilla

La siguientes extensiones definen los múltiples colores de los respectivos bordes en los navegadores Gecko.

[editar] Ver también

border, border-color, border-style, border-width

Obtenido de "http://developer.mozilla.org/es/docs/CSS:border-color"