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

Manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Borda do CSS-top-Método de uso e exemplo do atributo width

border-top-O atributo width CSS é usado para definir a largura da borda superior do elemento. No entanto, em muitos casos, como  border-widthouborder-topEssas propriedades CSS abreviadas são mais fáceis e mais recomendadas de usar.

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:medium
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Veja Propriedade de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:object object.style.borderTopWidth="thick"

border-top-Sintaxe de uso do width

A sintaxe dessa propriedade é a seguinte:

border-top-width: thin | medium | thick | length | inherit

A seguir, há exemplos que mostram como usar a propriedade border-top-Atributo width

  p {
   border-style: solid;
   border-top-width: 15px;
  }
Teste e veja‹/›

Atenção:Você deve especificar no border-bottom-Atributo width antes declaradoborder-stylePropriedade. O elemento deve ter borda antes de poder definir a largura da borda, porque oborder-styleO valor padrão dessa propriedade é none.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
thinBorda fina
mediumBorda média
thickBorda grossa
ComprimentoValores de comprimento em unidades como px, pt, cm, em, etc. Não é permitido valor negativo.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado usa a borda do pai-top-Valor do atributo width.

Compatibilidade do navegador

border-top-Compatibilidade do atributo width entre navegadores, os números na tabela representam a versão mínima 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

Veja o tutorial:Borda do CSSCSS3 Borda

Propriedades relacionadas:borderborder-widthborder-topborder-top-color
border-top-style