JSF コンポーネントの CSS スタイルの設定

関連項目

階層式スタイルシート (CSS) 仕様では、インライン CSS スタイルでプロジェクトスタイルシートの設定をオーバーライドすることができます。コンポーネントのスタイルプロパティーにスタイルを追加すると、コンポーネントに個々のスタイルを設定できます。たとえば、テキストフィールドコンポーネントのフォントや色を設定できます。

コンポーネントのスタイルを設定するには、次の手順に従います。

  1. で、コンポーネントをクリックします。
  2. 「プロパティー」ウィンドウで、「style」プロパティーの省略符号ボタン (...) をクリックします。

    スタイルエディタが開きます。

  3. スタイルエディタの左側にあるリストからカテゴリを選択します。カテゴリを選択すると、リストの右側にカテゴリに関連付けられたスタイルの設定が表示されます。

    たとえば、スタイルエディタを開くと「フォント」カテゴリが選択されており、「フォントファミリ」、「サイズ」、「太さ」、「色」などのフォントに関するさまざまなスタイルの設定がエディタに表示されます。「背景」カテゴリを選択すると、そのコンポーネントで使用する「背景色」、「背景画像」、背景の表示方法などのスタイルの設定を選択できます。

  4. 「了解」をクリックしてスタイルを適用します。
関連項目
スタイルエディタ
階層式スタイルシートの使用法
CSS エディタ
コンポーネントについて
コンポーネントのプロパティー設定
コンポーネント関連の手順早見表

著作権と商標について