<h2 class="typical-invalid">Typical Invalid Value</h2>
<h2 class="css-prop-invalid">Invalid CSS Property Value</h2>
body {
  --var: green;
}

p {
  font-size: green;
}

.typical-invalid {
  font-size: green;
}

.css-prop-invalid {
  font-size: var(--var);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.