English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-A propriedade width CSS é usada para definir a largura de cada borda separadamente, é uma propriedade abreviada eborder-top-width,border-right-width,border-bottom-widtheborder-left-widthAtributo abreviado.
A tabela a seguir fornece a descrição de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.
Valor padrão: | medium |
---|---|
Aplicável a: | 所有元素 |
继承: | Todos os elementos |
Herança: | Não.Animável: Sim.。 |
Por favor, consulte | CSS 1,2,3 |
Propriedades animadas | Versão:Sintaxe JavaScript: |
.style.borderWidth="thin thick"
border-Sintaxe de uso do width 1 A sintaxe dessa propriedade é a seguinte: 4 width: [ thin | medium | thick | length ]
to
values | inheritO símbolo abreviado pode ser um, dois, três ou quatro valores separados por espaços em branco.Se especificado
Se especificadoSe especificadoSe especificado
Se especificadoSe especificadoSe especificado
Se especificadoSe especificadoQuatro valores
Se especificado, cada valor será aplicado ao border na ordem de cima, direita, baixo e esquerda.-Os exemplos a seguir mostram como usar border
Exemplo border-p { border-style: sólido; 5width: px;}/Teste e veja‹
›border-styleAtenção:-bottom-A propriedade width deve ser declarada antes do atributo width, pois o elemento deve ter borda antes de poder definir a largura da borda, porque oborder-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, não é permitido negativo. |
inherit | Se especificado, o elemento relacionado adota o border do elemento pai-Valor do atributo width. |
border-Compatibilidade do navegador com o atributo width, os números na tabela abaixo representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
Suporte ao navegador–
|
Ver tutorial:Borda do CSS,CSS3 Border。
Propriedades relacionadas:border,border-style,border-color,border-top-width,border-right-width,border-bottom-width,border-left-width。