What do these double-dash-prefixed CSS properties do? [duplicate]

by

A double leading dash is used for defining custom properties. For more information, check out this W3C Spec page.

Example from W3C:

:root {
  --main-color: #05c;
  --accent-color: #056;
}

#foo h1 {
  color: var(--main-color);
}

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. Why aren’t my grid-template-areas with ASCII art not working?
  3. is there a css hack for safari only NOT chrome?
  4. How to remove the border highlight on an input text element
  5. Can I set background image and opacity in the same property?
  6. nth-child doesn’t respond to class [duplicate]
  7. CSS Margin Collapsing
  8. Make div stay at bottom of page’s content all the time even when there are scrollbars
  9. CSS3’s attr() doesn’t work in major browsers
  10. How do I apply opacity to a CSS color variable?
  11. Preloading CSS Images
  12. Left aligned last row in centered grid of elements
  13. Remove extra button spacing/padding in Firefox
  14. How to set border’s thickness in percentages?
  15. relative path to CSS file [closed]
  16. CSS background-size: cover + background-attachment: fixed clipping background images
  17. What does a star-preceded property mean in CSS?
  18. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  19. CSS text-transform capitalize on all caps
  20. Disable antialising when scaling images [duplicate]
  21. angular 2 ngIf and CSS transition/animation
  22. Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
  23. ::before pseudo-element stacking order issue
  24. How to make a column span full width when a second column is not there? (CSS Grid)
  25. Styling mat-select in Angular Material
  26. What is the meaning of \9 in this width property value declaration? [duplicate]
  27. How to reference a .css file on a razor view?
  28. What are the rules around whitespace in attribute selectors?
  29. CSS select first element with a certain class
  30. CSS: background image does not fill when scrolling

Leave a Comment