Comment inclure des feuilles de style en cascade (CSS) dans JSF

Comment inclure des feuilles de style en cascade (CSS) dans JSF

Dans JSF 2.0, vous pouvez utiliser<h:outputStylesheet /> pour générer un fichier css.

Par exemple,

Il générera la sortie HTML suivante…

Exemple de feuille de sortie JSF

Un exemple pour montrer l'utilisation de JSF 2<h:outputStylesheet /> pour rendre un fichier «style.css», recherchez dans le dossier «resources/css», voir la figure ci-dessous:

jsf2-outputStylesheet-example

Fichier JSF




    
    

        

JSF 2 outputStylesheet example

This is red color

Il générera la sortie HTML suivante




    
        
    

    

           

JSF 2 outputStylesheet example

This is red color

Warning
Lors du rendu du fichier CSS via la balise<h:outputStylesheet />, n'oubliez pas de mettre également la balise<h:head />; Sinon, le fichier css ne sera pas inclus.

Télécharger le code source

Téléchargez-le -JSF-2-outputStylesheet-Example.zip (9 Ko)