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

manual de referência CSS

regras CSS (@RULES)

大全 de atributos CSS

Borda do CSS-Método de uso e exemplo da propriedade width

border-A propriedade width CSS é usada para definir a largura de cada borda separadamente, é uma propriedade abreviada eborder-top-widthborder-right-widthborder-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, consulteCSS 1,2,3
Propriedades animadasVersão:Sintaxe JavaScript:

border-object

.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.

Valores da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
thinBorda fina.
mediumBorda média.
thickBorda grossa.
length

Valores de comprimento em unidades como px, pt, cm, em, não é permitido negativo.

inheritSe especificado, o elemento relacionado adota o border do elemento pai-Valor do atributo width.

Compatibilidade do navegador

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–

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+)

  • Opera 4+

Leia mais

Ver tutorial:Borda do CSSCSS3 Border

Propriedades relacionadas:borderborder-styleborder-colorborder-top-widthborder-right-widthborder-bottom-widthborder-left-width