Estilo borderLeft Propiedad
Ejemplo
Agregue un borde izquierdo a un elemento <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Definición y uso
La propiedad borderLeft establece o devuelve hasta tres propiedades independientes del borde izquierdo, en forma abreviada.
Con esta propiedad, puede establecer/devolver uno o más de los siguientes (en cualquier orden):
- borde-izquierda-ancho
- estilo de borde izquierdo
- borde-izquierda-color
Compatibilidad con navegador
La propiedad borderLeft es compatible con todos los navegadores principales.
Sintaxis
Devuelve la propiedad borderLeft:
object.style.borderLeft
Establezca la propiedad borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Valores de propiedad
Parameter | Description |
---|---|
width | Sets the width of the left border |
style | Sets the style of the left border |
color | Sets the color of the left border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | No especificado |
---|---|
Valor de retorno: | Una cadena, que representa el ancho, el estilo y/o el color del borde izquierdo de un elemento |
Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambia el ancho, el estilo y el color del borde izquierdo de un elemento <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Ejemplo
Devuelve los valores de propiedad del borde izquierdo de un elemento <div>:
alert(document.getElementById("myDiv").style.borderLeft);
páginas relacionadas
Tutorial de CSS: Borde CSS
Referencia de CSS: propiedad del borde izquierdo
Referencia HTML DOM: propiedad de borde