PDF (adobe.com)

Boutons et vues du panneau Styles CSS

Dans les modes Tous et Actuel, le panneau Styles CSS présente trois boutons qui vous permettent de modifier l'affichage du volet Propriétés (volet inférieur) :


A.
Vue Catégorie

B.
La vue Liste

C.
La vue Définition des propriétés

Vue Catégorie
Répartit les propriétés CSS prises en charge par Dreamweaver en huit catégories distinctes : police, arrière-plan, bloc, bordure, boîte, liste, positionnement et extensions. Les propriétés de chaque catégorie sont conservées dans une liste que vous pouvez développer ou réduire en cliquant sur le bouton plus (+) en regard de la catégorie de votre choix. Les propriétés définies s'affichent en bleu en haut de la liste.

Vue Liste
Affiche l'ensemble des propriétés CSS prises en charge par Dreamweaver par ordre alphabétique. Les propriétés définies s'affichent en bleu en haut de la liste.

Vue Définition des propriétés
N'affiche que les propriétés déjà définies et constitue la vue par défaut.

Dans les modes Tous et Actuel, le panneau Styles CSS contient également les boutons suivants :


A.
Attacher une feuille de style

B.
Nouvelle règle de CSS

C.
Modifier le style

D.
Supprimer règle de CSS

Attacher une feuille de style
Ouvre la boîte de dialogue Ajouter une feuille de style externe. Sélectionnez une feuille de style externe pour créer un lien vers le document actif ou l'importer dans celui-ci.

Nouvelle règle de CSS
Ouvre une boîte de dialogue qui permet de sélectionner le type du style que vous créez, par exemple, pour créer un style de classe, redéfinir une balise HTML ou pour définir un sélecteur CSS.

Modifier le style
Ouvre une boîte de dialogue qui permet de modifier les styles dans le document actuel ou dans une feuille de style externe.

Supprimer règle de CSS
Supprime la règle ou la propriété sélectionnée du panneau Styles CSS et la mise en forme de tous les éléments auxquels elle est appliquée. (Les références à ce style ne sont cependant pas supprimées.) Le bouton Supprimer règle de CSS peut également détacher (ou rompre le lien de) une feuille de style CSS associée.
Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Macintosh) sur le panneau Styles CSS pour ouvrir un menu contextuel d'options disponibles pour l'exécution des commandes de feuilles de style CSS.