CSS

`@supports`

Aplica un bloque de estilos solo si el navegador soporta la propiedad o el valor indicado. Sirve para usar caracteristicas nuevas con una salida de emergencia.

Vista previa

Codigo

ejemplo.html

<style>
  @supports (display: grid) {
    .caja { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  }
</style>
<div class="caja">
  <div style="border:1px solid #999;padding:8px;">Uno</div>
  <div style="border:1px solid #999;padding:8px;">Dos</div>
</div>