border-bottom-style

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 (en-US)
• Valor calculado: como se especificó

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

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

• border-left-style (en-US)
• border-right-style (en-US)
• border-top-style (en-US)
• border-style

Ver El Ejemplo Vivo

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

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

• CSS 2.1
• CSS 3

Categorías

Interwiki Languages