Почему @property не допускает присвоения rem?

Question

[Dmitry234]

@property --name {
  syntax: '<length>';
  inherits: true;
  initial-value: 1rem;
}

Вызывает ошибку

An @property rule is ignored because it contains an invalid property or is missing a required one: initial-value: 1rem

При этом любые другие допустимые для < length > единицы работают.
Chrome последней версии

Comments

[MoniKossa]

Возможно, потому что rem всегда смотрит на root-элемент и по сути нет никакого наследования

Answer 1

[Smirator]

Привет. Проблема в том, что CSS Properties and Values API — запрещает зависимость от других свойств, а CSS Values определяет rem как зависимый от font-size. Короче говоря, нельзя так делать

Тут, при желании можно подробнее почитать.

Comments

[Dmitry234]

Понял, спасибо

[Михаил Р.]

Smirator почему ответ без пометки, что его написала нейросеть?

[Smirator]

Михаил Р., нейросеть, потому что, в предложении используется тире и названия написаны в полном варианте?). Через дефиз формулировал еще до того, как это стало мейнстримом (нейросетью).

[Natalia Baženova]

Михаил Р., Успокойтесь, там ни тире, ни дефис по правилам языка не нужны. Это не ИИ!