Erkennen Sie, wenn Flex Gap nicht unterstützt wird ⇐ CSS

[Guest]

Ist es möglich zu erkennen, wenn Flex Gap vom Browser nicht unterstützt wird?
Ich habe viele Lücken in meinem Projekt und der größte Teil des Layouts wurde mit Flexbox erstellt. Mir ist aufgefallen, dass viele Benutzer alte Browser haben und Flex Gap nicht unterstützen. Ist es möglich, irgendwie zu erkennen, wenn Gap nicht unterstützt wird, und einen Fallback dafür hinzuzufügen?
Ich weiß, dass es eine Lösung mit Rändern gibt, aber ich hätte gerne Gap statt Margin
Ich habe versucht,
zu verwenden

Code: Select all

@supports not ((gap: 1px) with (display: flex))

oder

Code: Select all

@supports not ((gap: 1px) and (display: flex))

aber nichts davon funktioniert.