
La propiedad border-bottom-width CSS establece el ancho del marco inferior de un elemento.
Funciones border-bottom-width css
Valor inicial | medium |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | Sí |
Valor calculado | Longitud absoluta, o 0 si la propiedad se establece border-bottom-style en none o hidden . |
/* palabras clave */ border-bottom-width: thin; border-bottom-width: medium; border-bottom-width: thick; /* <length> longitud */ border-bottom-width: 10em; border-bottom-width: 3vmax; border-bottom-width: 6px; /* valores globales */ border-bottom-width: inherit; border-bottom-width: initial; border-bottom-width: unset;
Ejemplos y aplicaciones
En el siguiente ejemplo, estableceremos un marco para los elementos que son de <div>
color (border-bottom-color
) rojo, ancho (border-bottom-width
) igual 4px
y border-bottom-style
punteado ( ).
Código HTML:
< div > Este elemento tiene un marco en su borde inferior </ div >
Código CSS:
div { border-bottom-style: dotted; border-bottom-width: 4px; border-bottom-color: green; padding: 0.5em; }
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-bottom-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-bottom
:border-bottom-color
yborder-bottom-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
. - Esquinas redondeadas y
border-radius
esquinas inferiores,border-bottom-left-radius
,border-bottom-right-radius
- 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