CSS3

：

@規則用記述子

：

inherits

　 編集：2022.07.13 by T.A.

→●、mdn

カスタム プロパティの継承の定義。

名前 inherits
用途 @property
値 true | false
初期値 可用でない（注釈文を見よ）

@property 規則で表現されるカスタム プロパティ登録の継承フラグを指定する。それは、プロパティが既定で継承されるかどうかを制御する。

@property 規則が妥当になるためには、この記述子が要求される。欠落している場合、@property 規則は無効になる。

例
@property --radius {
  syntax: "";
  inherits: false;
  initial-value: 0px;
}

div {
  width: 100px;
  height: 100px;
  --radius: 10px;
  background: paint(circle);
  transition: --radius 1s;
}
div:hover {
  --radius: 50px;
}
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：