Apex apex:stylesheetタグを使用するサンプル
環境
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; }