
La propiedad border-left-width en CSS establece el ancho del marco izquierdo del elemento.
Funciones border-left-width css
Valor inicial | medium |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | Sí |
Medios de comunicación | Visible |
Valor calculado | Longitud absoluta, o 0 si la propiedad se establece border-left-style en none o hidden . |
/* 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ística | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 1.0 | 1.0 | 4.0 | 3,5 | 1.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:
thin | marco delgado |
medium | marco mediano |
thick | marco 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-left
:border-left-color
yborder-left-style
. - La página de propiedades establecido por la propiedad de acceso directo
border
:border-width
,border-style
yborder-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>
.
- Introducción al Lenguaje de Programación CSS
- Características text-decoration-style en CSS
- Características text-decoration-line en CSS
- Características text-decoration-color en CSS
- Características text-decoration en CSS
- Características text-align-last en CSS
- Características text-align en CSS
- Características tab-size en CSS
- Características overflow-wrap en CSS
- Características line-break en CSS
- Características letter-spacing en CSS
- Características direction en CSS
- Características line-height en CSS
- Características font-style en CSS
- Características font-weight en CSS
- Características font-stretch en CSS
- Características font en CSS
- Características font-size-adjust en CSS
- Características font-size en CSS
- Características font-kerning en CSS
- Características font-family en CSS
- Características order en CSS
- Características justify-content en CSS
- Características flex-wrap en CSS
- Características flex-shrink en CSS
- Características flex-grow en CSS
- Características flex-flow en CSS
- Características flex-direction en CSS
- Características flex-basis en CSS
- Características flex en CSS
- Características align-self en CSS
- Características align-items en CSS
- Características align-content en CSS
- Características overflow-y en CSS
- Características overflow-x en CSS
- Características overflow en CSS
- Características padding-right en CSS
- Características padding-left en CSS
- Características padding-bottom en CSS
- Características margin-top en CSS
- Características padding-top en CSS
- Características margin-right en CSS