編集

`@property`が Baseline に追加

#CSS

@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

編集