From 6889e552505f03f35827fdbd09513d8bdbcb8f11 Mon Sep 17 00:00:00 2001
From: Chalarangelo <chalarangelo@gmail.com>
Date: Thu, 7 Jan 2021 00:37:43 +0200
Subject: [PATCH] Add addStyles

---
 snippets/addStyles.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 snippets/addStyles.md

diff --git a/snippets/addStyles.md b/snippets/addStyles.md
new file mode 100644
index 000000000..297a37783
--- /dev/null
+++ b/snippets/addStyles.md
@@ -0,0 +1,20 @@
+---
+title: addStyles
+tags: browser,beginner
+---
+
+Adds the provided styles to the given element.
+
+- Use `Object.assign()` and `ElementCSSInlineStyle.style` to merge the provided `styles` object into the style of the given element.
+
+```js
+const addStyles = (el, styles) => Object.assign(el.style, styles);
+```
+
+```js
+addStyles(document.getElementById('my-element'), {
+  background: 'red',
+  color: '#ffff00',
+  fontSize: '3rem'
+});
+```