Il vous permet de suivre les règles CSS et les propriétés qui affectent un élément de page sélectionné (mode Actuel), ou les règles et les propriétés qui affectent l'ensemble d'un document (mode Tous). Un bouton bascule placé sur la partie supérieure du panneau CSS vous permet de passer d'un mode à l'autre. Le panneau Styles CSS vous permet de modifier les propriétés CSS dans les deux modes.
Vous pouvez redimensionner l'un quelconque des volets en faisant glisser les cadres entre les volets.
En mode Actuel, le panneau Styles CSS présente trois volets : un volet Résumé de la sélection qui présente les propriétés CSS de la sélection en cours dans le document; un volet Règles qui précise l'emplacement des propriétés sélectionnées (ou une cascade de règles pour la balise sélectionnée, selon votre sélection); et un volet Propriétés qui vous permet de modifier les propriétés CSS de la règle définissant la sélection.
En mode Tout, le panneau Styles CSS présente deux volets : un volet Toutes les règles (en haut) et un volet Propriétés (en bas). Le volet Toutes les règles présente la liste des règles définies dans le document actif, ainsi que l'ensemble des règles définies dans les feuilles de styles jointes à ce document. Le volet Propriétés permet de modifier les propriétés CSS de toute règle sélectionnée dans le volet Toutes les règles.
Toute modification apportée dans le volet Propriétés s'applique immédiatement, ce qui vous permet d'avoir un aperçu direct de votre travail.
Pour plus d'informations sur le panneau Styles CSS, voir A propos du panneau Styles CSS dans Utilisation de Dreamweaver.