Ejemplo
Cambiar el color de los cuatro bordes de un <div> elemento a rojo:
document.getElementById("myDiv").style.borderColor = "red"; Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos de propiedades BORDERCOLOR o devuelve el color del borde de un elemento.
Esta propiedad puede tomar de uno a cuatro valores:
- Uno de los valores, como: P {border-color: red} - los cuatro bordes serán rojas
- Dos valores, como: P {border-color: rojo transparente} - parte superior y borde inferior será de color rojo, a la izquierda y borde derecho serán transparentes
- Tres valores, como: P {border-color: rojo azul verde} - borde superior será de color rojo, izquierda y derecha frontera será verde, borde inferior será de color azul
- Cuatro valores, como: P {border-color: azul red green amarillo} - borde superior será de color rojo, borde derecho serán verdes, borde inferior será de color azul, borde izquierdo será de color amarillo
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devolver la propiedad borderColor:
object .style.borderColor
Establecer la propiedad borderColor:
object .style.borderColor=" Valores de propiedad Valor Descripción color Especifica el color del borde. Mira valores de color CSS para obtener una lista completa de posibles valores de color. El color del defecto es negro transparent El color del borde es transparente (contenido subyacente brillará a través) initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: negro Valor de retorno: Una cadena, que representa el color del borde de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el color del borde superior e inferior de la frontera verde, e izquierda y derecha a la púrpura, de un <div> elemento:
document.getElementById("myDiv").style.borderColor = "green purple";
Inténtalo tú mismo "
Ejemplo
Devolver el color del borde de un <div> elemento:
alert(document.getElementById("myDiv").style.borderColor); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-color property
Referencia HTML DOM: border property
<Estilo de objeto