Custom CSS
概要
kintone UI Component(KUC) では、CSS 継承と CSS カスタムプロパティの概念を利用して、カスタマイズ可能な要素を作成するための CSS カスタムプロパティを用意しています。CSS セレクターを適用して CSS カスタムプロパティを設定することによって、ツリーベースおよびインスタンスごとのスタイルを簡単に適用することができます。
CSS 継承
CSS 継承により、親要素は特定の CSS プロパティを子要素に継承することができます。
CSS カスタムプロパティ
全ての CSS カスタムプロパティ(--custom-property-name
)は、親から値を継承します。これを利用して、コンポーネントのスタイルを外部から変更することができます。
KUC は要素ごとにいくつかのプロパティを公開しているので、それに基づいて要素の CSS プロパティを簡単にカスタマイズすることができます。