Ejemplo
Ajuste el ancho del borde inferior:
p
{
border-style: solid;
border-bottom-width: 15px;
}
Inténtalo tú mismo " Definición y Uso
La propiedad border-bottom-width establece el ancho del borde inferior de un elemento.
Note: declarar siempre la propiedad border-style antes de que la propiedad border-bottom-width. Un elemento debe tener fronteras antes de poder cambiar el ancho.
| Valor por defecto: | medium |
|---|---|
| Heredado: | no |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.borderBottomWidth="5px" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
border-bottom-width: medium|thin|thick|length|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| medium | Especifica un borde inferior medio. Esto es por defecto | Juegalo " |
| thin | Especifica un borde inferior delgada | Juegalo " |
| thick | Especifica un borde inferior grueso | Juegalo " |
| length | Permite definir el grosor del borde inferior | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-bottom property
Referencia HTML DOM: borderBottomWidth property