CSS（カスケーディング・スタイル・シート）をJSFに組み込む方法

JSFにカスケードスタイルシート（CSS）を含める方法

JSF 2.0では、<h:outputStylesheet />を使用してcssファイルを出力できます。

例えば、

次のHTML出力を生成します…

JSF 2<h:outputStylesheet />を使用して「style.css」ファイルをレンダリングする例を示します。「resources/css」フォルダーにあります。次の図を参照してください。

jsf2-outputStylesheet-example

JSFファイル



    
    

        JSF 2 outputStylesheet example

        

        This is red color

次のHTML出力を生成します



    
        
    

    

           JSF 2 outputStylesheet example

           This is red color

Warning
<h:outputStylesheet />タグを介してCSSファイルをレンダリングする場合は、<h:head />タグも忘れずに配置してください。それ以外の場合、cssファイルは含まれません。