長年の悩みがこれで解決! CSSで機能を組み合わせたときにブラウザがサポートしているか検出できる新機能「@supports named-feature()」
CSSの@supportsはブラウザがその機能をサポートしているか検出するのに便利ですが、単独の機能しか検出ができません。 たとえば、gapは現在はflexboxでサポートされていますが、当初はCSS Gridのみでした。そのため、@supports (display: flex) and (gap: 1em) のように記述しても、flexboxでgapを使えるかではなく、そ...
はてなテクノロジー
2026年10月01日 01:16