Długo wyczekiwany atrybut @supports, dzięki któremu dowiemy się czy dany element bądź funkcjonalność są wspierane przez daną przeglądarkę, trafia już do pierwszych, eksperymentalnych wersji - warto więc zapoznać się z jego możliwościami.

SupportsDzięki supports nie trzeba będzie zaprzęgać bibliotek pokroju Modernizr by wykryć wsparcie danych funkcjonalności. Wspominałem już o tym podczas mojej styczniowej prezentacji CSS4 and the future of CSS na Meet.js Summit (slajd 26). Ta funkcjonalność została zaimplementowana w eksperymentalnych wersjach przeglądarki Firefox (tzw. Nightly), więc już niedługo możemy doczekać się tego w wersjach finalnych. Opera także rozpoczęła pracę nad zaimplementowaniem @supports we własnej przeglądarce. Przykładowy kawałek kodu CSS mógłby wyglądać następująco:

@supports (display: grid) {
	// style działające wtedy, gdy grid jest wspierany
}

@supports (background: linear-gradient) and (transform: rotate3d) {
	// style działające wtedy, gdy przeglądarka
	// wspiera linear-gradient i rotate3d
}

Więcej przykładów potencjalnego użycia znaleźć można we wpisie Firefox supports @⁠supports, gets my support autorstwa Petera Gasstona. Oczywiście pozostaje jeszcze paradoks sprawdzenia, czy dana przeglądarka wspiera sprawdzanie wsparcia za pomocą Supports, ale to już inna bajka.