Windows 10 Creators Updateにより、MicrosoftEdgeはCSSカスタムプロパティのサポートを提供します

来月リリースされる次のWindows10Creators Updateで、MicrosoftEdgeはCSSカスタムプロパティをサポートします。これにより、開発者はCSSプロパティ間で変数を完全にカスケードできます。

一般に、Webアプリケーションにはかなりの量のCSSを含めることができます。 CSSファイルのほとんどの値は重複データになります。 たとえば、サイトが配色を確立し、サイト全体でXNUMX色またはXNUMX色を再利用する場合があります。 このデータの変更は、CSSファイル全体（および場合によっては複数のファイル）に散在しているため、困難でエラーが発生しやすく、検索と置換に適していない可能性があります。 CSSカスタムプロパティは、開発者が名前の付いたプロパティに任意の値を割り当てることができるカスタムプロパティと総称されるカスタム作成者定義プロパティのファミリと、開発者がそれらの値を使用できるようにするvar（）関数を使用して、この問題を解決します。ドキュメントの他の場所にある他のプロパティ。 以下の例を確認してください。

:root { --primary: #0B61A4; --セカンダリ: #25567B; } ヘッダー { 背景: var(--primary); border-bottom: 2px ソリッド var(--secondary); }

CSSカスタムプロパティを使用すると、CSSファイルの編集がはるかに簡単になり、エラーが発生しにくくなります。開発者はカスタムプロパティで値を一度変更する必要があり、変更はその変数のすべての用途に自動的に反映されます。

開発者の方は、EdgeHTML15.15061以降で最近リリースされたWindowsInsiderPreviewビルドでCSSカスタムプロパティを試すことができます。 また、チェックしてください カスタムプロパティPoochデモ この機能の動作を確認してください。