Feuilles de style alternatives

par 3 contributeurs :

Firefox permet de gérer les feuilles de style alternatives. Les pages qui fournissent des feuilles de style alternatives permettent à l'utilisateur de choisir le style dans lequel chaque page est affichée à l'aide du sous-menu « Affichage → Style de la page ». Ceci permet aux utilisateurs de voir différentes versions d'une page, selon leurs besoins ou préférences.

Une page web peut utiliser l'élément <tt>link</tt> pour ajouter des feuilles de style alternatives à un document.

Par exemple :

 <link href="default.css" rel="stylesheet" type="text/css" title="Style par défaut">
 <link href="fancy.css" rel="alternate stylesheet" type="text/css" title="Fantaisie">
 <link href="basic.css" rel="alternate stylesheet" type="text/css" title="Basique">

Avec ces trois feuilles de styles proposées, les styles « Style par défaut », « Fantaisie » et « Basique » seront listés dans le sous-menu « Style de la page ». Lorsque l'utilisateur sélectionne un style, la page sera immédiatement réaffichée en utilisant cette feuille de style.

Lorsque des feuilles de style sont référencées avec un attribut title sur un élément link ou style, le titre devient l'un des choix proposés à l'utilisateur. Les feuilles de style liées avec le même titre font partie du même choix. Les feuilles de style liées sans attribut title sont toujours appliquées.

Utilisez rel="stylesheet" pour lier vers le style par défaut et rel="alternate stylesheet" pour liser vers des feuilles de style alternatives. Ceci indique à Firefox la feuille de style qui doit être sélectionnée par défaut, et fait en sorte que la sélection par défaut s'applique dans les navigateurs qui ne gèrent pas les feuilles de style alternatives.

Exemple concret

Consultez cet exemple concret que vous pouvez essayer.

Spécification

 

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, tregagnon, BenoitL
Dernière mise à jour par : teoli,