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