Visual Web JavaServer Faces での階層式スタイルシートの使用法

関連項目

階層式スタイルシートには、自身を参照するすべての HTML ページの外観を指示する規則の一覧が含まれています。スタイルシートで決定される項目にはフォントや色などがあります。IDE は 「<プロジェクト名>」>「Web ページ」>「resources」ノードの下に、直接編集可能なデフォルトのスタイルシート stylesheet.css を作成します。このほか、テーマファイル には、ほとんどのコンポーネントに適用されるスタイルシートがあります。

プロジェクトで使用する CSS 規則を追加または変更するには、CSS エディタでデフォルトのスタイルシートを編集するか、またはプロジェクトに独自のスタイルシートを追加して、代わりに参照することができます。スタイルシートの設定をオーバーライドするには、コンポーネントにインラインスタイルを設定します。これは、コンポーネントの CSS スタイルの設定に説明があります。

ページにスタイルシートを設定するには、次の手順に従います。

  1. で、ページをクリックします。
  2. 「プロパティー」ウィンドウで、「スタイルシート」の省略符号ボタン (...) をクリックします。
  3. スタイルシートのファイル名と場所を入力して、「了解」をクリックします。

    たとえば、プロジェクトに mystylesheet.css という名前のスタイルシートを追加した場合、URL タブをクリックして /resources/mystylesheet.css と入力します。

resources ディレクトリにあるスタイルシートを編集するには、次の手順に従います。

  1. で、「<プロジェクト名>」>「Web ページ」>「resources」の順に開きます。
  2. スタイルシートを右クリックして、「開く」を選択します。
  3. CSS エディタでスタイルシートを編集します。
  4. 完了したら、「ファイル」>「保存」を選択して作業を保存します。
関連項目
コンポーネントについて
テーマについて
コンポーネントのプロパティー設定
コンポーネント関連の手順早見表
 
CSS の詳細については、次の Web ページを参照してください。
CSS のオンラインリファレンスについては、次の Web ページを参照してください。

著作権と商標について