Propiedad borderLeft de estilo

Definición y uso

borderLeft Las propiedades se configuran o retornan en forma abreviada la propiedad de borde izquierdo máximo de tres propiedades individuales.

A través de esta propiedad, puede configurar/retornar una o más de las siguientes opciones (en cualquier orden):

Vea también：

Tutoriales de CSS：Borde de CSS

Manual de referencia de CSS：Propiedad border-left

Manual de referencia de HTML DOM：Propiedad border

Ejemplo

Ejemplo 1

Agregar un borde izquierdo al elemento <div>：

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Intente usted mismo

Ejemplo 2

Cambiar el ancho, estilo y color del borde izquierdo del elemento <div>：

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Intente usted mismo

Ejemplo 3

Retornar el valor de la propiedad border-left del elemento <div>：

alert(document.getElementById("myDiv").style.borderLeft);

Intente usted mismo

Sintaxis

Retornar la propiedad borderLeft：

object.style.borderLeft

Establecer la propiedad borderLeft：

object.style.borderLeft = "width style color|initial|inherit"

Valor del atributo

Valor Descripción
width Establecer el ancho del borde izquierdo.
style Establecer el estilo del borde izquierdo.
color Establecer el color del borde izquierdo.
initial。 Establecer esta propiedad en su valor predeterminado. Ver initial。
inherit Heredar esta propiedad del elemento padre. Ver inherit。

Detalles técnicos

Valor predeterminado： No especificado
Valor de retorno： Cadena que representa el ancho, estilo y/u otro color del borde izquierdo del elemento.
Versión de CSS： CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte