<p class="example">Lorem ipsum dolor sit amet.</p>
✅ CSS
@property --my-color {
inherits: false;
syntax: "red | blue";
initial-value: blue;
}
.example {
--my-color: green;
color: var(--my-color);
}
В этом случае значение --my-color может быть только red или blue. Т.е. --my-color: green; не сработает и цвет текста будет таким, как указано в initial-value, то есть синим.