Los últimos tutoriales de desarrollo web
 

Style borderLeft Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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