O melhor tutorial border-width CSS atributo em 2024. Neste tutorial você pode aprender Exemplos,Atributo definições e instruções,Suporte a navegadores,Valor de propriedade,artigos relacionados,

border-width CSS atributo

Exemplos

Definir a largura das quatro bordas:

p
{
border-style: sólida;
border-width: 15px;
}

tente »

Atributo definições e instruções

propriedade border-width está definido para uma largura de quatro elementos fronteira. Esta propriedade pode ter um a quatro valores.

exemplo:

border-width: 10px fina espessura média ;

  • A fronteira é uma borda fina
  • O direito da caixa é um quadro médio
  • borda inferior é fronteira áspera
  • borda esquerda estão fronteira ampla 10px

border-width: medium fina espessura;

  • A fronteira é uma borda fina
  • borda direita e borda esquerda é um quadro médio
  • borda inferior é fronteira áspera

border-width: medium fina;

  • bordas superior e inferior são borda fina
  • borda direita e borda esquerda é um quadro médio

border-width: thin;

  • Todas as quatro bordas são borda fina
padrão: médio
Herdado: não
versão: CSS1
sintaxe JavaScript: objeto .style.borderWidth = "fina espessura"


Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

属性
border-width 1.0 4.0 1.0 1.0 3.5

Valor de propriedade

valor descrição
fino fronteiras definidas fina.
médio Padrão. Define a fronteira meio.
espesso borda espessa definido.
comprimento Ele permite que você personalize a largura da borda.
herdar Disposições devem herdar a largura da borda do elemento pai.


artigos relacionados

tutorial CSS: CSS Border

border-width CSS atributo
10/30