Referencia de CSS 6x55x

Propiedad border-left-width 3h6z2d

Definición Establece la anchura del borde izquierdo de los elementos
Valores
permitidos
Uno y sólo uno de los siguientes valores:
Valor inicial medium
Se aplica a Todos los elementos
Válida en medios visuales
Se hereda no
Definición en
el estándar
w3.org/TR/CSS21/box.html#propdef-border-left-width

Ejemplos de uso 3n6y2k

La propiedad border-left-width permite establecer la anchura del borde izquierdo de un elemento de diferentes formas. En primer lugar, es posible utilizar las palabras thin, medium y thick para mostrar un borde fino, normal y grueso respectivamente:

div { border-left-width: thin; }
div { border-left-width: medium; }
div { border-left-width: thick; }

Como la especificación oficial no define de forma explícita el valor que corresponde a thin, medium y thick, cada navegador los muestra de un grosor diferente. Por este motivo no suelen utilizarse estas palabras especiales, ya que es imposible diseñar con ellas una página que muestre el mismo aspecto en diferentes navegadores.

Normalmente, el grosor de los bordes se establece mediante una medida. La unidad de medida que más se utiliza es el píxel, ya que permite un control más preciso sobre el grosor del borde:

div { border-left-width: 3px; }

Si se utiliza em como unidad de medida, su referencia es el tamaño de letra del propio elemento. En el siguiente ejemplo, el grosor del borde izquierdo de los dos elementos es 0.3em. Sin embargo, como el tamaño de letra del segundo <div> es mayor, su borde izquierdo es más grueso:

div { border-left-width: 0.3em; font-size: 1em; }
div { border-left-width: 0.3em; font-size: 2em; }

Para eliminar el borde izquierdo de un elemento, se puede utilizar la propiedad border-left-width asignándole un grosor igual a 0:

div { border-left-width: 0; }