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

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

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

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

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

関連トピック

• CSS スタイルシートによるコンポーネントのスタイル設定
• CSS スタイルルールの共有