`@property`が Baseline に追加

@propertyは、CSS のカスタムプロパティを定義するためのルールである。--で始まるプロパティに、型や初期値を指定できる。

css

@property --item-size {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 40%;
}

.container {
  display: flex;
  height: 200px;

  --item-size: 20%;
}

.item {
  width: var(--item-size);
  height: var(--item-size);
}

このアットルールが Baseline に追加、つまり主要ブラウザで互換性があることが確認された。 https://web.dev/blog/at-property-baseline?hl=en