Pass Data from CSS to JavaScript with CSS Variables

3 Comments on Pass Data from CSS to JavaScript with CSS Variables

What happens when you combine the fact that part after the : for CSS Custom Properties doesn’t need to be valid CSS with window.getComputedStyle()? You get a way of passing data – including Arrays, Objects, and even JSON – from CSS to JavaScript.

CodePen: JSON in CSS Vars →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation

3 Comments

  1. Pingback: What values can you put in CSS Custom Property? – Bram.us
  2. Pingback: Injecting a JavaScript Attack Vector using CSS Custom Properties – Bram.us
  3. Pingback: Custom Properties as State | CSS-Tricks

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.