element.style Inline styles
Last updated: 2026-09-09
element.style Inline styles
style reads/writes inline CSS styles using camelCase property names.
| Category | DOM |
|---|---|
| ES version | DOM |
📝 Syntax
el.style.color = 'red';Returns：A CSSStyleDeclaration object.
Mutates the original：Yes (in place)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(styles applied)💡 Tip CSS properties use camelCase: background-color becomes backgroundColor.
ℹ️ info style only reads/writes inline styles; use getComputedStyle for computed styles.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.style | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported by all modern browsers | |||||
🏷️ Related Items
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
Qstyle vs classList?
Astyle for dynamic values; classList for predefined toggles.
QWhy camelCase?
AJS property names cannot have hyphens — camelCase conversion.
QHow to read computed styles?
AgetComputedStyle(el).color.
