Exemplo
Alterar a largura das quatro bordas de um <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick"; Tente você mesmo " Definição e Uso
Os borderwidth conjuntos de propriedades ou retorna a largura da borda de um elemento.
Esta propriedade pode levar de um a quatro valores:
- Um valor, como: p {border-width: espessura} - todas as quatro bordas será grosso
- Dois valores, como: P {fronteira de largura: de espessura fina} - a borda superior e inferior vai ser espessa, para a esquerda e a borda direita será fina
- Três valores, como: P {fronteira de largura: médias de espessura fina} - o limite superior será de espessura, para a esquerda e a borda direita será fina, borda inferior será médio
- Quatro valores, como: P {fronteira de largura: de espessura 10px forma fina} - o limite superior será de espessura, limite direito será fina, borda inferior será médio, fronteira esquerda será 10px
Suporte navegador
A propriedade borderWidth é suportado em todos os principais navegadores.
Sintaxe
Devolver o imóvel borderWidth:
object .style.borderWidth
Defina a propriedade borderWidth:
object .style.borderWidth="thin|medium|thick| Valores de propriedade Valor Descrição thin Define uma borda fina medium Define uma fronteira meio. Este é o padrão thick Define uma borda grossa length A largura da borda em unidades de comprimento initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: médio Valor de retorno: Uma corda, que representa a largura da borda de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Alterar a largura da borda superior e inferior para grosso, e da fronteira esquerda e direita para fina de um <div> elemento:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Tente você mesmo "
Exemplo
Alterar a largura das quatro bordas de um <div> elemento, utilizando o valor de comprimento:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Tente você mesmo "
Exemplo
Voltar a largura da borda de um <div> elemento:
alert(document.getElementById("myDiv").style.borderWidth);
Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Border
Referência CSS: border-width property
HTML DOM referência: border property
<Estilo de objeto