Ejemplo
Ajuste el estilo del borde inferior:
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
Inténtalo tú mismo " Definición y Uso
La propiedad abreviada border-bottom establece todas las propiedades de los bordes inferiores en una declaración.
Las propiedades que se pueden establecer, son (in order) : border-bottom-ancho, border-style-inferior, y border-bottom-color.
No importa si uno de los valores anteriores son que faltan, por ejemplo, border-bottom: # ff0000 sólidos; esta permitido.
Valor por defecto: | medium none color |
---|---|
Heredado: | no |
animatable: | yes, see individual properties . Read about animatable Try it |
Versión: | CSS1 |
la sintaxis de JavaScript: | object .style.borderBottom="3px solid blue" 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 | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Nota: Consulte la ayuda del navegador individual para cada valor por debajo.
sintaxis CSS
border-bottom:border-widthborder-styleborder-color|initial|inherit;
Valores de propiedad
Valor | Descripción |
---|---|
border-bottom-width | Especifica el ancho del borde inferior. El valor por defecto es "medium" |
border-bottom-style | Especifica el estilo del borde inferior. El valor por defecto es "none" |
border-bottom-color | Especifica el color del borde inferior. El valor por defecto es el color del elemento |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia HTML DOM: borderBottom property