Exemplo
Definir a largura de um <button> elemento:
document.getElementById("myBtn").style.width = "300px"; Tente você mesmo " Definição e Uso
A propriedade width define ou retorna a largura de um elemento.
A propriedade largura tem efeito apenas em elementos de bloco ou em elementos com posição absoluta ou fixo. O conteúdo transbordamento pode ser manipulado com a propriedade overflow.
Dica: Utilize a altura propriedade para definir ou retornar a altura de um elemento.
Suporte navegador
A propriedade largura é suportado em todos os principais navegadores.
Sintaxe
Devolver a propriedade width:
object .style.width
Defina a propriedade width:
object .style.width="auto| Valores de propriedade Valor Descrição auto O navegador define a largura. Este é o padrão length Define a largura em unidades de comprimento % Define a largura em% do elemento pai 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: auto Valor de retorno: Uma corda, que representa a largura de um elemento CSS Versão CSS1
mais Exemplos
Exemplo
Alterar a largura de um <div> elemento:
document.getElementById("myDIV").style.width = "500px";
Tente você mesmo "
Exemplo
Alterar a altura e largura de um <img> elemento:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Tente você mesmo "
Exemplo
Voltar a largura de um <img> elemento:
alert(document.getElementById("myImg").style.width);
Tente você mesmo "
Páginas relacionadas
Tutorial CSS: CSS Dimensão
Tutorial CSS: modelo CSS Box
Referência CSS: width property
<Estilo de objeto