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

Manual de referencia CSS

reglas CSS @

大全 de Atributos CSS

CSS borde-Uso y ejemplo del atributo top

border-El atributo top CSS establece el ancho, estilo y color del borde superior del elemento. Es un solo atributo declarativo para establecer un solo atributo de borde superior (es decirborder-top-widthborder-top-styleyborder-top-color) atributo abreviado.

La tabla a continuación proporciona una descripción de uso y registro histórico de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:Ver todos los atributos
Aplicable a:Todos los elementos
Herencia:No
Animable:Sí,Ver atributo individualVer Atributos de animación
Versión:CSS 1,2,3
Sintaxis de JavaScript:objeto.style.borderTop="2px sólido rojo"

border-Sintaxis de uso de top

La sintaxis de este atributo es la siguiente:

border-top: [ borde-top-ancho borde-top-estilo borde-top-color ] | initial | inherit

El siguiente ejemplo muestra cómo usar borde-Atributo top.

  h1 {
   border-top: 5px sólido #ff0000;
  }
  p {
   border-top: 3px punteado #00ff00;
  }
Prueba aquí‹/›

Valor del atributo

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

ValorDescripción
border-top-widthEstablecer el ancho del borde superior del elemento.
border-top-styleEstablecer el estilo de línea del borde superior del elemento.
border-top-colorEstablecer el color del borde superior del elemento.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el borde del elemento padre-El valor del atributo top.

Compatibilidad del navegador

border-La compatibilidad del navegador del atributo top, los números en la tabla a continuación representan la versión más baja 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:CSS BordeCSS3 Borde

Atributos relacionados:borderborder-top-colorborder-top-styleborder-top-width