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

manual de referência CSS

regras @CSS

大全 de propriedades CSS

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

border-bottom-A propriedade width CSS é usada para definir a largura da borda inferior do elemento de forma independente. No entanto, no trabalho prático, frequentemente usamos   border-widthouborder-bottompara definir o estilo da largura da borda inferior.

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

Valor padrão:medium
Aplicável a:Todos os elementos
Herança:Não
Animável:Sim.Veja referência Propriedade de animação
Versão:CSS 1,2,3
Sintaxe em JavaScript:object object.style.borderBottomWidth="thick"

border-bottom-Sintaxe de uso do width

A sintaxe dessa propriedade é a seguinte:

border-bottom-width: thin | medium | thick | length | initial | inherit

Os exemplos a seguir mostram como usar o border-bottom-Atributo width

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

Atenção:Você deve usar o border-bottom-declaração do atributo width antesborder-stylePropriedade. Além disso, o elemento deve ter borda, e a largura da borda não pode ser 0, antes de poder definir a largura da borda, porqueborder-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
lengthValores de comprimento em unidades como px, pt, cm, em, etc., mas não é permitido valores negativos.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado usa a borda do elemento pai-bottom-Valor calculado do atributo width.

Compatibilidade do navegador

border-bottom-Compatibilidade do navegador do atributo width; os números na tabela representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores principais 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-bottomborder-bottom-color
border-bottom-style