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

  1. Image

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.