Atributo border-top de CSS

Definición y uso

La propiedad abreviada border-top coloca todas las propiedades del borde superior en una declaración.

Se pueden establecer los siguientes atributos en orden:

Si no se establece algún valor, no habrá problemas, por ejemplo, border-top:solid #ff0000; también está permitido.

Véase también:

Tutorial de CSS:CSS borde

Manual de referencia de HTML DOM:Propiedad borderTop

Ejemplo

Establecer el estilo del borde superior:

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

Intente usted mismo

Sintaxis de CSS

border-top: border-width border-style border-color|initial|inherit;

Valor de la propiedad

Valores Descripción
border-top-width Define el ancho del borde superior. Consulte:border-top-width posibles valores.
border-top-style Define el estilo del borde superior. Consulte:border-top-style posibles valores.
border-top-color Define el color del borde superior. Consulte:border-top-color posibles valores.
inherit Define que el valor de la propiedad border-top debe heredarse del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderTop="3px solid blue"

Más ejemplos

Todas las propiedades del borde superior en una declaración
Este ejemplo muestra cómo usar la propiedad abreviada para establecer todas las propiedades del borde superior en una declaración.

Compatibilidad del navegador

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

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

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