border-bottom

by 3 contributors:

<< Volver

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.

Sintaxis

border-bottom: [ <border-width> || <border-style> || <border-color> ] | inherit

Valores

<border-width> 
ver border-bottom-width.
<border-style> 
ver border-bottom-style.
<border-color> 
ver border-bottom-color.

Ejemplos

Ver El Ejemplo Vivo

element { 
    border-bottom-width: 1px solid #000;
}

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.

Especificaciones

Compatibilidades

Navegador Versión mínima
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

Ver también

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

Categorías

Interwiki Languages

Etiquetas y colaboradores del documento

Contributors to this page: teoli, Yuichiro, Nathymig
Última actualización por: teoli,