CSS проверяет, доступен ли round() ⇐ CSS

[Anonymous]

Как с помощью CSS проверить, доступна ли функция round() в браузере?
Высота этого элемента равна нулю:


:root {
--my_height_0: 100.1px;
--my_height: round(up,var(--my_height_0));
}

.check_round {
background-color: teal;
width: 100px;
height: var(--my_height)
}

Эта версия также возвращает ноль:
:root {
--my_height_0: 100.1px;
--my_height_1: round(up,var(--my_height_0));
--my_height: max(var(--my_height_0),var(--my_height_1));
}

Я добавил интервал округления.
Этот синтаксис возвращает правильную высоту 101 в браузерах, которые поддерживают round(), но возвращает высоту 0 в браузерах, которые не поддерживают round().
:root {
--my_height_0: 100.1px;
--my_height: var(--my_height_0);
--my_height: round(up,var(--my_height_0),1px);
}

Этот тест @supports не проходит в браузерах, поддерживающих round(), и в браузерах, поддерживающих round():
@supports (round(up,var(--my_height_0),1px)) {
:root {
--my_height: round(up,var(--my_height_0),1px);
}
}


Подробнее здесь: https://stackoverflow.com/questions/791 ... -available