---
name: "up.element.setStyle"
area: "API"
kind: "JavaScript function"
parent: "up.element module"
url: "https://unpoly.com/api/up.element.setStyle"
---
<nav aria-label="Unpoly docs">[All docs](https://unpoly.com/index.md) · [up.element module](https://unpoly.com/api/up.element.md)</nav>

# up.element.setStyle(element, styles)

Sets the given CSS properties as inline styles on the given element.

## Example {#example}

```js
up.element.setStyle(element, { color: 'red', 'font-size': '2em' })
```

---

## Parameters {#parameters}

### element {#element}

(required)

The element on which to change inline styles.

Type: [Element](https://developer.mozilla.org/en-US/docs/Web/API/Element)

### styles {#styles}

(required)

One or more CSS properties with kebab-case keys.

Type: [Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects)