Atributo border-top-color de CSS

Definición y uso

border-top-color establece el color del borde superior del elemento.

Sólo se puede definir un color puro, y el borde solo puede aparecer cuando el estilo del borde es un valor no none ni hidden.

Notas:Siempre declare la propiedad border-style antes de border-color. El elemento debe obtener el borde antes de cambiar su color.

Véase también:

Tutoriales de CSS:Borde de CSS

Manual de referencia de CSS:Atributo border-top

Manual de referencia de HTML DOM:Atributo borderTopColor

Ejemplo

Establecer el color del borde superior:

p
  {
  border-style:solid;
  border-top-color:#ff0000;
  }

Intente usted mismo

Sintaxis de CSS

border-top-color: color|transparent|initial|inherit;

Valor del atributo

Valor del atributo

Valor Descripción
color_name Se especifica el color del borde como nombre de color (por ejemplo, red).
hex_number Se especifica el color del borde como valor hexadecimal (por ejemplo, #ff0000).
rgb_number Se especifica el color del borde como código rgb (por ejemplo, rgb(255,0,0)).
transparent Valor predeterminado. El color del borde es transparente.
inherit Se debe heredar el color del borde del elemento del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderTopColor="blue"

Más ejemplos

Establecer el color del borde superior
Este ejemplo muestra cómo establecer el color del borde superior.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el atributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Internet Explorer 6 (y versiones anteriores) no admite el valor de atributo "transparent".

Notas:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".