Apex apex:stylesheetタグを使用するサンプル

2024年4月25日

環境
Apex Salesforce

概要
ページにスタイルシートを追加するには、<apex:stylesheet> タグを使用します。
スタイルシートのスタイル定義に Visualforce コンポーネントを接続するには、
これらのほとんどのコンポーネントで使用できる style 属性または styleClass 属性を使用します。

使用例
<apex:stylesheet> タグは、TestStyles という名前の静的リソースとして保存され [静的リソース] ページに表示される、CSS スタイルシートを参照します。
これは、<apex:stylesheet> タグの value 属性の $Resource グローバル変数によって参照されます。

<apex:page>
    <apex:stylesheet value="{!$Resource.TestStyles}"/>
    <apex:outputText value="サンプル スタイル クラスのスタイル付きテキスト" styleClass="sample"/>
</apex:page>

使用されているスタイルシート

.sample {
    font-weight: bold;
}