おくる：ルートとVAR（）
カスタムプロパティ名は、二つのハイフン（ある - ような始まりの属性）、 --foo。あなたが定義した後、あなたは使用することができ var() 、変数の参照を。
CSS
1 ：ルート { 2 --view高さ：0。 3 }
で:root定義するカスタム属性セレクタは、彼らがグローバル文書のすべての要素に基づいて行動できることを意味します。:root- CSS擬似クラスで、それは、文書のルート要素と一致する <html>要素を。それと類似している html セレクタが、より高い優先度を有しています。
あなたはどこかで文書にアクセスできる :root カスタム属性の値：
1つの DIV { 2 高さ：計算値（VAR（ -ビュー-高） - 10pxの）。 3 }
また、CSS変数でフォールバック値を含めることができます。例えば：
1つの DIV { 2 高さ：VAR（ -ビュー高さ、100pxに）。 3 }
代わりに、バックオフ値の使用されていないカスタムプロパティ、もし。
CSSのカスタムプロパティを変更するにはJavaScriptを使用
1 CONST VH = document.documentElement.clientHeight。 2 document.documentElement.style.setProperty（ ' -ビュー高さ'、VH + 'PX'）。