element.style Estilos inline

Última atualização: 2026-10-13

element.style Estilos inline

style lê/escreve estilos CSS inline usando nomes de propriedade em camelCase.

CategoriaDOM

Retorno:Um objeto CSSStyleDeclaration.

Modifica o original:Sim (no próprio valor)

▶ Exemplo

Edite o código, clique em Executar e veja o resultado no painel de saída:

💡 Dica
ℹ️ info

🌐 Suporte do navegador

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.style ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
Suportado por todos os navegadores modernos
Mais estudos de caso em breve — aguarde.

📚 Tutoriais relacionados

❓ Perguntas frequentes

Qstyle x classList?
Astyle para valores dinâmicos; classList para alternâncias predefinidas.
QPor que camelCase?
ANomes de propriedade em JS não podem ter hífens — conversão em camelCase.
QComo ler estilos calculados?
AgetComputedStyle(el).color.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%