<div>Codeguida!</div>

/*Якщо color:red підтримується*/
@supports (color: red) {
	div { color: red; }
}

/*Якщо will-change:opacity не підтримується*/
@supports not (will-change: opacity) {
	div { opacity: 0.5; }
}

/* Оператор'and' правила @supports*/
@supports ((border-width: 3px) and (border-color: green) and (border-style: solid)) {
    div { border-width:3px; border-color: green; border-style: solid; }
}

/* Оператор'or' правила @supports*/
@supports ((width: 400px) or (height: 40px)) {
    div { width: 400px; height: 40px; }
}

/*Обидва оператора*/
@supports ((margin-left: 0px) or (float:left)) and (background-color: yellow) {
    div { background-color: yellow; margin-left: 0px; float: left; }
}