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