border-bottom-style

<< Volver

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ó

Sintaxis

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

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).

Propiedades relacionadas

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

Ejemplos

Ver El Ejemplo Vivo

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

Notas

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

Especificaciones

• CSS 2.1
• CSS 3

Compatibilidades

Ver también

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