CSS3

@規則用記述子

initial-value

→●、mdn

カスタム プロパティの初期値の定義。

@property 規則で表現されるカスタム プロパティ登録の初期値を指定する。それは、プロパティの初期値を制御する。

この記述子は、syntax 記述子の値が全称構文定義である場合には、省略可能である。省略された場合、プロパティの初期値は、無効が保証される値になる。

syntax 記述子の値が全称構文定義でない場合、@property 規則が妥当になるためには、次に挙げる条件すべてが満たされなければならない：

• initial-value 記述子が在る。
• initial-value 記述子の値は、 syntax 記述子の値に指定された文法（構文定義）に則って，成功裡に構文解析される。
• initial-value は独立に算出可能である。

上のいずれかの条件が満たされない場合、@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;
}

テスト