Característica border-left-width en CSS

Características border-left-width en CSS

La propiedad border-left-width en CSS establece el ancho del marco izquierdo del elemento.

Funciones border-left-width css

Valor inicialmedium
Aplicado aTodos los artículos.
HeredableNo
Móvil
Medios de comunicaciónVisible
Valor calculadoLongitud absoluta, o 0 si la propiedad se establece border-left-style en nonehidden.
/* palabras clave */ 
border-left-width: thin;
border-left-width: medium;
border-left-width: thick;
/* <longitud> longitudes */ 
border-left-width: 10em;
border-left-width: 3vmax;
border-left-width: 6px;
/* valores globales */ 
border-left-width: inherit;
border-left-width: initial;
border-left-width: unset;

Ejemplos y aplicaciones en código

En el siguiente ejemplo, estableceremos un marco en el lado izquierdo de los elementos <div> cuyo color ( border-left-color) es azul, ancho ( border-left-width) es igual 5px y forma ( border-left-style) con puntos. 

Código HTML:

< div > Este elemento tiene un marco en su borde izquierdo </ div >

Código CSS:

div {
  border-left-style: dotted;
  border-left-width: 5px;
  border-left-color: blue;
  padding: 0.6em;
}

Soporte de navegadores

CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico1.01.04.03,51.0

Características generales

<br-width>

Este valor define el ancho del marco, ya sea una longitud <length> no negativa o una palabra reservada. Se pueden utilizar las siguientes palabras reservadas:

thinmarco delgado
mediummarco mediano
thickmarco grueso

Nota: Debido a que la especificación no especifica cuál es el valor exacto asociado con cada palabra reservada, el resultado puede variar según el navegador, pero no obstante, estos valores seguirán la relación thin ≤ medium ≤ thick y los valores serán consistentes entre sí en el documento.

Estructura border-left-width css

border-left-width: <br-width>;

dónde:

<br-width> = <length> | thin | medium | thick

Vea también

  • La página de propiedades establecida por la propiedad de acceso directo border-leftborder-left-colorborder-left-style.
  • La página de propiedades establecido por la propiedad de acceso directo borderborder-widthborder-styleborder-color.
  • Configure una imagen para el marco usando la función border-image.
  • La propiedad color que establece el color del elemento y el valor del color <color>.