21 lines
499 B
Markdown
21 lines
499 B
Markdown
---
|
|
title: Set style for element
|
|
type: snippet
|
|
tags: [browser]
|
|
cover: laptop-plants-2
|
|
dateModified: 2020-10-22T20:24:30+03:00
|
|
---
|
|
|
|
Sets the value of a CSS rule for the specified HTML element.
|
|
|
|
- Use `HTMLElement.style` to set the value of the CSS `rule` for the specified element to `val`.
|
|
|
|
```js
|
|
const setStyle = (el, rule, val) => (el.style[rule] = val);
|
|
```
|
|
|
|
```js
|
|
setStyle(document.querySelector('p'), 'font-size', '20px');
|
|
// The first <p> element on the page will have a font-size of 20px
|
|
```
|