Convert a CSS string to CSSStyleDeclaration

Question

Getting a CSS string from a CSSStyleDeclaration is made with el.style.cssText, but how can I convert a string, e.g. width:20px; height:20px; background:lime; to a CSSStyleDeclaration object?

My final goal is to merge two CSS declarations, one coming from el.style the other as a string. I thought it was easier to convert both as CSSStyleDeclaration objects to merge it. Let me know if you have a better solution.

Zachiah · Accepted Answer · 2021-06-18 13:35:33Z

3

const styles = "width:20px; height:20px; background:lime;"

const el = document.createElement('div');

el.style.cssText = styles;

const cssStyleDeclaration = el.style;

answered Jun 18, 2021 at 13:35

Zachiah

2,65713 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Convert a CSS string to CSSStyleDeclaration

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related