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

Manual de referência CSS

Regras CSS @

大全 de Atributos CSS

CSS border-Uso e exemplo do atributo top

border-A propriedade top CSS define a largura, estilo e cor do border superior do elemento. É definido em uma única declaração para um único atributo de border superior (ou sejaborder-top-widthborder-top-styleeborder-top-color) propriedade abreviada.

A tabela a seguir fornece instruções de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:Ver todas as propriedades
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim,Veja propriedade individualVeja referência Propriedades animadas
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.borderTop="2px solid red"

border-Sintaxe de uso do top

A sintaxe dessa propriedade é a seguinte:

border-top: [ border-top-width border-top-style border-top-color ] | initial | inherit

Os exemplos a seguir mostram como usar border-atributo top.

  h1 {
   border-top: 5px solid #ff0000;
  }
  p {
   border-top: 3px dotted #00ff00;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
border-top-widthDefina a largura do border superior do elemento.
border-top-styleDefina o estilo da linha do border superior do elemento.
border-top-colorDefina a cor do border superior do elemento.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado usa o border do elemento pai-Valores do atributo top.

Compatibilidade do navegador

border-Compatibilidade do navegador do atributo top, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leia mais

Ver tutorial:CSS BorderCSS3 Border

Propriedades relacionadas:borderborder-top-colorborder-top-styleborder-top-width