Accessing a CSS custom property (aka CSS variable) through JavaScript

by

You can use document.body.style.setProperty('--name', value);:

var bodyStyles = window.getComputedStyle(document.body);
var fooBar = bodyStyles.getPropertyValue('--foo-bar'); //get

document.body.style.setProperty('--foo-bar', newValue);//set

More Information here.

More Related Contents:

  1. required field notification using jquery
  2. CSS or jQuery : How to get visible top [duplicate]
  3. How to have html popup appear over main html page?
  4. Write tags in HTML and print
  5. Change from (+) symbol to (-) after click (function(){
  6. How can i create html automatic change page? [duplicate]
  7. Can jQuery get all CSS styles associated with an element?
  8. How to disable HTML links
  9. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  10. Refresh/reload the content in Div using jquery/ajax
  11. Animate element to auto height with jQuery
  12. How to style “input file” with CSS3 / Javascript? [duplicate]
  13. Show and hide divs at a specific time interval using jQuery
  14. How do I detect “shift+enter” and generate a new line in Textarea?
  15. Get a CSS value from external style sheet with Javascript/jQuery
  16. :touch CSS pseudo-class or something similar?
  17. CSS3-Animate elements if visible in viewport (Page Scroll)
  18. Synchronized scrolling using jQuery?
  19. Open a new javascript window(.open) along with its CSS styling
  20. How to use javascript conditionally like CSS3 media queries, orientation?
  21. How to create a responsive image that also scales up in Bootstrap 3
  22. Toggle visibility property of div
  23. Check if element is between 30% and 60% of the viewport
  24. How to check if css value is supported by the browser?
  25. Add a transform value to the current transforms that are already on the element?
  26. How do I make a move up and down when I’m scrolling the page?
  27. How do I detect the inherited background-color of an element using jQuery/JS?
  28. Why is element not being shown before alert?
  29. Wrapping lists into columns
  30. Possible to reverse a css animation on class removal?

Leave a Comment