CSS:border-bottom-style

De MDC

<< Volver

[editar] Resumen

border-bottom-style define el estilo de línea del borde inferior de una caja.

• Valor inicial: ninguno
• Se aplica a: todos los elementos
• Valor heredado: no
• Porcentajes: N/A
• Medio: visual
• Valor calculado: como se especificó

[editar] Sintaxis

border-bottom-style: <border-style> | inherit

[editar] Valores

none 

sin borde.

hidden 

es igual a 'none', excepto en términos de resolución de conflicto para elementos de tabla.

dotted 

series de puntos (....).

dashed 

series de guiones cortos o pequeñas líneas (----).

solid 

línea única, recta y sólida.

double 

dos líneas rectas que se suman a la cantidad de píxeles definidos como ancho de bordeborder-width.

groove 

efecto de hundido.

ridge 

al revés de 'groove'. El borde aparece en 3D (saliendo).

inset 

hace que la caja aparezca hundida.

outset 

opuesto a 'inset'. La caja aparece en 3D (saliendo).

[editar] Propiedades relacionadas

• border-left-style
• border-right-style
• border-top-style
• border-style

[editar] Ejemplos

Ver ejemplos en acción

element {
        border-bottom-size: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}

[editar] Notas

A menos que un valor border-style sea definido, el borde no aparecerá porque el valor por defecto es 'none'.

[editar] Especificaciones

• CSS 2.1
• CSS 3

[editar] Compatibilidades

[editar] Ver también

border-bottom, border-color, border-bottom-style, border-bottom-width