コンポーネントの CSS ファイル

コンポーネントには、CSS ファイルを含めることができます。Lightning Web コンポーネントのスタイルを設定するには、標準の CSS 構文を使用します。

コンポーネントのスタイルを設定するには、コンポーネントバンドル内にコンポーネントと同じ名前のスタイルシートを作成します。コンポーネントの名前が myComponent の場合、スタイルシートは myComponent.css になります。スタイルシートは自動的に適用されます。

コンポーネントの CSS ファイルの最大ファイルサイズは 128 KB (131,072 バイト) です。

CSS スタイルルールをコンポーネント間で共有するには、CSS ファイルと設定ファイルのみを含むモジュールを作成します。Lightning Web コンポーネントの CSS ファイルにモジュールをインポートします。

関連トピック

The Japanese Summer '24 guide is now live

日本語の Summer '24 ガイドが公開されました! 「Component Reference (コンポーネントリファレンス)」は、以前と同様にコンポーネントライブラリにあります。