カスタムスタイルの使用

HTML タグの場合、通常の HTML ページと同様にインライン CSS コードを定義できます。

次の例では、静的リソースとして定義されているスタイルシートを参照します。最初に、スタイルシートを作成し、customCSS という名前の静的リソースとしてアップロードします。

次に、この静的リソースを参照するページを作成します。

HTML を作成する Visualforce コンポーネントには、パススルー style および styleClass 属性があります。これらの属性を使用すると、独自のスタイルおよびスタイルクラスで、生成される HTML のデザインを制御できます。style ではコンポーネントに直接スタイルを設定でき、styleClass では他の場所で定義されたスタイル用にクラスを添付できます。たとえば、次のコードは <apex:outputText> のクラスを設定して、スタイルを適用します。

スタイルシートで画像を使用する場合は、画像を CSS ファイルと一緒に zip に圧縮し、1 つの静的リソースとしてアップロードします。たとえば、CSS ファイルに次のような行があるとします。 images ディレクトリ全体と親 CSS ファイルを組み合わせて 1 つの zip ファイルにします。次の例では、zip ファイルリソース名は myStyles です。