Как использовать @supports для проверки поддержки браузером определенных CSS-свойств?

Question

Директива @supports позволяет проверить, поддерживает ли браузер конкретное CSS-свойство, и применить стили только в случае успешной проверки. Это полезно для использования новых возможностей, сохраняя при этом совместимость.

YeaHub · Accepted Answer

Директива @supports помогает условно применять стили в зависимости от поддержки браузером определенных CSS-функций или свойств. Пример использования:@supports (display: grid) {
	.container {
		display: grid;
	}
}Если браузер поддерживает display: grid, то соответствующие стили будут применены. Это помогает использовать новые технологии, сохраняя обратную совместимость.