English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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.
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
thin | Borda fina |
medium | Borda média |
thick | Borda grossa |
length | Valores de comprimento em unidades como px, pt, cm, em, etc., mas não é permitido valores negativos. |
initial | Defina essa propriedade como seu valor padrão. |
inherit | Se especificado, o elemento relacionado usa a borda do elemento pai-bottom-Valor calculado do atributo width. |
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.
|
Veja o tutorial:Borda do CSS,CSS3 Borda。
Propriedades relacionadas:border,border-width,border-bottom,border-bottom-color,
border-bottom-style。