Тип переменной (@property)

Тип переменной указывается через ключевое слово @property. Данное свойство поддерживается всеми современными браузерами.

:root {
  --error-color: red;
}

@property --error-color {
  inherits: false;
  syntax: "<color>";
  initial-value: blue;
}

На примере выше указано, что для переменной «--error-color» задан тип <color>, т.е. переменной можно задавать только цвета.

Если указать другое значение (например число), то будет применено то значение, которое указано в параметре initial-value.

Доступные значения для «syntax»:

• <angle>
• <color>
• <custom-ident>
• <integer>
• <length>
• <length-percentage>
• <number>
• <percentage>
• <resolution>
• <string>
• <time>
• <transform-function>
• <url>