Visualforce 開発者ガイド
jスタイルシートを使用した Salesforce スタイルの拡張
ページにスタイルシートを追加するには、<apex:stylesheet> タグを使用します。スタイルシートのスタイル定義に Visualforce コンポーネントを接続するには、これらのほとんどのコンポーネントで使用できる style 属性または styleClass 属性を使用します。このように、独自の Salesforce スタイルを拡張できます。
次のマークアップは非常に基本的なページを示します。<apex:stylesheet> タグは、TestStyles という名前の静的リソースとして保存され [静的リソース] ページに表示される、CSS スタイルシートを参照します。これは、<apex:stylesheet> タグの value 属性の $Resource グローバル変数によって参照されます。<apex:outputText> タグの styleClass 属性は、スタイルシートに定義されたサンプルスタイルクラスを使用しています。
この例に使用されているスタイルシートは、次のとおりです。