Dans cette section : |
Les feuilles de style en cascade (CSS) sont une extension de HTML qui vous permettent de spécifier le formatage d'un document HTML. Vous pouvez utiliser deux types de CSS avec WebFOCUS :
Vous pouvez définir des classes dans une feuille de style en cascade et formater un composant de rapport en lui attribuant une de ces classes CSS. Les classes sont décrites à la rubrique Qu'est-ce que des règles et des classes de feuille de style en cascade ?
On dit que les feuilles de style en cascade sont en cascade parce que plusieurs feuilles de style peuvent être activées pour un seul document à la fois. Par exemple, une feuille de style peut être associée au document même, une autre feuille de style peut être liée à la première feuille de style et une autre peut être associée au navigateur web sur lequel le document s'affiche. Lorsque plusieurs feuilles de style sont activées, elles s'appliquent au document dans l'ordre déterminé d'avance par le navigateur : leurs instructions de formatage peuvent être considérées en cascade d'une feuille de style à l'autre.
Les avantages d'utiliser une feuille de style en cascade externe pour formater un rapport sont décrits dans Pourquoi utiliser une feuille de style en cascade externe ?.
Vous trouverez les feuilles de style en cascade utiles si vous :
Pour plus d'informations sur la génération d'une feuille de style en cascade interne, consultez Génération d'une feuille de style en cascade interne pour les rapports HTML.
Souhaitez-vous obtenir plus d'informations sur les CSS ? Cette documentation WebFOCUS suppose que vous avez une connaissance pratique des feuilles de style en cascade. L'enseignement à propos des CSS est au-delà de la portée de cette documentation, mais de nombreuses sources d'informations vous sont disponibles. La page Web du Consortium de feuilles de style en cascade (http://www.w3.org/Style/CSS/) constitue une très bonne ressource en ligne.
Une feuille de style en cascade (CSS) définit le formatage d'un rapport au moyen de déclarations appellées règles. Par exemple, voici une règle simple qui peint l'arrière-plan du corps d'une page HTML jaune :
BODY {background: yellow}
Chaque règle se compose d'un sélecteur (BODY dans cet exemple) et d'une déclaration (background: yellow). Une déclaration se compose d'une propriété (arrière-plan) et d'une valeur attribuée à la propriété (jaune).
Une déclaration définit le formatage et le sélecteur détermine l'élément à formater. Un sélecteur peut être tout élément HTML. Un sélecteur peut aussi être une classe. Pour définir une classe, il suffit de lui créer une règle. En créant des règles pour les classes d'un élément, vous pouvez définir différents formatages pour le même élément.
Par exemple, vous souhaitez peut-être afficher du texte dans une couleur différente selon qu'il soit dans une colonne de tri, une colonne agrégée ou une colonne de détail dans un rapport. Pour ce faire, vous pouvez créer trois classes de l'élément BODY, sortColumn, aggregateColumn et detailColumn :
BODY.sortColumn {color: blue} BODY.aggregateColumn {color: green} BODY.detailColumn {color: black}
Vous pouvez aussi créer une classe générique, c'est-à-dire, une classe qui n'est pas limitée à un seul élément. Par exemple :
.pageFooting {font-weight: bolder}
Vous pouvez utiliser une classe générique pour spécifier le formatage de tout composant de rapport WebFOCUS.
L'utilisation des règles et des classes de feuille de style en cascade pour formater un rapport est décrite à la rubrique Formatage d'un rapport avec une feuille de style en cascade externe.
WebFOCUS |