CSS:border-bottom
De MDC
<< Volver
[editar] Resumen
La propiedad border-bottom permite de definir de una vez todas las propiedades individuales border-bottom-color, border-bottom-style, y border-bottom-width, las cuales describen el color, estilo y ancho del borde inferior de un elementos.
-
Valor inicial: ver propiedades individuales - Se aplica a : todos los elementos
-
Valor heredado: no - Porcentajes: N/A
- Medio:
visual -
Valor calculado: ver propiedades individuales
[editar] Sintaxis
border-bottom: [ <border-width> || <border-style> || <border-color> ] | inherit
[editar] Valores
- <border-width>
- ver
border-bottom-width. - <border-style>
- ver
border-bottom-style. - <border-color>
- ver
border-bottom-color.
[editar] Ejemplos
element {
border-bottom-width: 1px solid #000;
}
[editar] Notas
Si no se especifica el color del borde, este tomará el valor definido en la propiedad del color general.
Se puede especificar los tres valores en cualquier orden y se pueden omitir una o dos.
Como con todas las propiedades generales, border-bottom siempre inicia todos los valores que le pueden ser definidos aún cuando no están especificados, en este caso toma los valores por defecto.
Lo que significa que:
border-bottom-style: dotted; border-bottom: thick green;
es idéntico a:
border-bottom-style: dotted; border-bottom: none thick green;
y el valor de border-bottom-style dado antes de border-bottom es ignorado.
Como el valor por defecto de border-bottom-style es none, el no especificar la parte <border-style> en la propiedad general significa: sin borde.
[editar] Especificaciones
[editar] Compatibilidades
| Navegador | Versión mínima |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
[editar] Ver también
border,
border-bottom,
border-bottom-width,
border-bottom-style,
border-bottom-color,