English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia CSS

reglas CSS @

大全 de Atributos CSS

CSS borde-bottom-Uso y ejemplo del atributo color

border de CSS-bottom-El atributo color se utiliza para establecer el color del borde inferior del elemento individualmente. Sin embargo, en el trabajo práctico, generalmente usamos el atributo abreviado de borde border, es decirborde-coloroborde-bottompara establecer el estilo o el color del borde.

La tabla a continuación resume el contexto de uso y el historial de versiones de este atributo.

Valor predeterminado:colorValor del atributo
Aplicable a:Todos los elementos
Herencia:No
Animable:Sí.Ver Atributos de animación.
Versión:CSS 1,2,3
JavaScript sintaxis:object object.style.borderBottomColor="red"

borde-bottom-Sintaxis de uso de color

La sintaxis de este atributo es la siguiente:

borde-bottom-color: color | transparent | inherit

Los siguientes ejemplos muestran cómo usar border-bottom-Atributo color.

  p {
   borde-style: solid;
   borde-bottom-color: #ff0000;
  }
Probar para ver‹/›

Nota:Debe estar en CSS borde-bottom-Declaración anterior del atributo colorborde-styleEste atributo, y el elemento debe tener un borde, a continuación, para poder establecer el color del borde.

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
ColorEspecificar el color del borde superior. VerValores de color CSSpara obtener una lista de posibles valores de color.
transparentPermitir que el borde sea transparente, aunque podría ocuparborde-widthEspacio de atributo.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el borde del elemento padre-bottom-Valor calculado del atributo color.

Compatibilidad del navegador

borde-bottom-La compatibilidad del navegador del atributo color, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo. Todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Ver tutorial:Borde CSS,CSS3 Borde.

Atributos relacionados:borde,borde-color,borde-bottom,borde-bottom-style,
borde-bottom-width.