Ejemplo
Añadir un borde izquierdo de un <div> elemento:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderLeft o devuelve hasta tres propiedades border-left separadas, en una forma abreviada.
Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (in any order) :
- border-left-ancho
- border-left-estilo
- border-left-color de
Soporte del navegador
La propiedad borderLeft es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad borderLeft:
object .style.borderLeft
Establecer la propiedad borderLeft:
object .style.borderLeft=" Valores de propiedad Parámetro Descripción width Establece el ancho del borde izquierdo style Establece el estilo del borde izquierdo color Establece el color del borde izquierdo 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: no especificado Valor de retorno: Una cadena, que representa la anchura, estilo y / o color del borde izquierdo de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el ancho, estilo y color del borde izquierdo de un <div> elemento:
document.getElementById("myDiv").style.borderLeft = "thin dotted red"; Inténtalo tú mismo "
Ejemplo
Devolver los valores de las propiedades border-left de un <div> elemento:
alert(document.getElementById("myDiv").style.borderLeft); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-left property
Referencia HTML DOM: border property
<Estilo de objeto