Core Code
Core Code Modern Dev Handbook

Variable Fallback

Provide fallback values when variables are missing.

Preview

Code

<style>
.box{
background:var(--unknown-color,#9333ea);
color:white;
padding:10px;
}
</style>

<div class="box">Fallback variable</div>

More CSS Variables Examples (8)

example Update Variable with JavaScript open example example Basic CSS Variable open example example Multiple Variables open example example Variable Scope open example example Variable Override open example example Theme Variables open example example Variable Hover Change open example example Variables in Media Queries open example