style HTML global attribute
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The style global attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the <style> element have mainly the purpose of allowing for quick styling, for example for testing purposes.
Try it
<div style="background: #ffe7e8; border: 2px solid #e66465">
<p style="margin: 15px; line-height: 1.5; text-align: center">
Well, I am the slime from your video<br>
Oozin' along on your livin' room floor.
</p>
</div>
Note:
This attribute must not be used to convey semantic information. Even if all styling is removed, a page should remain semantically correct. Typically it shouldn't be used to hide irrelevant information; this should be done using the hidden attribute.
Specifications
| Specification |
|---|
| HTML # the-style-attribute |
| CSS Style Attributes # style-attribute |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
style
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support