Core Code
Core Code Modern Dev Handbook

OR Condition Example

Use or to check multiple possible features.

Preview

Code

<style>
.box{
padding:20px;
background:#e5e7eb;
}

@supports (display:grid) or (display:flex){
.box{
background:#22c55e;
color:white;
}
}
</style>

<div class="box">OR condition</div>

More CSS @supports Examples (8)

example Basic @supports Query open example example Grid Feature Detection open example example Flexbox Fallback open example example Using not in @supports open example example Multiple Feature Conditions open example example Grid Progressive Enhancement open example example Aspect Ratio Feature Query open example example Modern CSS Enhancement open example