border-color

Establece el color del borde del objeto.

Sintaxis

{ border-color: sColor }

Valores posibles

sColor

Cadena que especifica o recibe uno o más de los siguientes valores delimitados por espacios:

color

Hasta cuatro nombres de colores o valores RGB.

transparent

El borde es transparente.

Esta propiedad no tiene un valor predeterminado y no se hereda.

Observaciones

Puede especificar hasta cuatro colores diferentes en el siguiente orden: arriba, derecha, abajo, izquierda. Si se indica un color, se usa para los cuatros lados. Si se especifican dos colores, el primero se utiliza para la parte superior e inferior, y el segundo para el lado izquierdo y derecho. Si se proporcionan tres colores, se usan para arriba, derecha e izquierda, y abajo, respectivamente.

La propiedad border-color no se representa si la propiedad border-style está establecida en none .

Algunos exploradores no reconocen nombres de colores pero todos los exploradores deberían reconocer los valores de colores RGB y mostrarlos correctamente.

Ejemplos

En el siguiente ejemplo se usa la propiedad border-color para especificar el color del borde. Se utiliza una llamada a una hoja de estilo incrustada (global) para cambiar el color del borde del valor inicial red a blue cuando se desplaza el puntero sobre la imagen:

<head><style>
    td { border-color: red; border-width: 0.5cm; }
    .blue  { border-color: blue; }
</style>
</head>
<body>
<table border >
<tr>
    <td onmouseover="this.className='blue'" onmouseout="this.className=''">
        <img src="sphere.jpg">
    </td>
</tr>
</table>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) Ee371301.xtlink_newWindow(es-es,Expression.40).png (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

A, ABBR, ACRONYM, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, P, Q, S, SPAN, SUB, TABLE, TD, TH, TT, U, UL, VAR, XMP

Vea también

Conceptos

border
border-style
Colores