Try it Live - CSS Variables multiple properties

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style>
     :root {
      --val-font-size: 25px;
      --val-font-color: crimson;
      --val-bg-color:black;
      --val-margin:15px;
      --val-padding:10px;
      --val-border:2px solid crimson;
     }
      
     ul {
      font-size:var(--val-font-size);
      color:var(--val-font-color);
      background:var(--val-bg-color);
      margin:var(--val-margin);
      padding:var(--val-padding);
      border:var(--val-border);
     }
    </style>
  </head>
  <body>
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>Java</li>
    </ul>
  </body>
</html>
​