title: "`style` HTML global attribute"

short-title: style

slug: Web/HTML/Reference/Global_attributes/style

page-type: html-attribute

browser-compat: html.global_attributes.style

sidebar: htmlsidebar

The **`style`** [global attribute](/en-US/docs/Web/HTML/Reference/Global_attributes) contains [CSS](/en-US/docs/Web/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 {{HTMLElement("style")}} element have mainly the purpose of allowing for quick styling, for example for testing purposes.

{{InteractiveExample("HTML Demo: style", "tabbed-shorter")}}

```html interactive-example

<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>