Panneau Propriétés CSS
Vous pouvez utiliser le panneau Propriétés CSS en tandem avec une page Web ouverte, un fichier CSS externe ou avec le panneau Gérer les styles pour vérifier ou modifier les propriétés et les valeurs des styles existants.
Lorsque vous utilisez le panneau Propriétés CSS avec une page Web, vous pouvez voir rapidement tous les styles utilisés sur votre page Web par la sélection actuelle, l'ordre de priorité de ces styles ainsi que toutes leurs propriétés et valeurs.
.gif "Remarque") Remarque : |
|---|
Si une propriété CSS n'est pas prise en charge par le schéma CSS qui est sélectionné dans l'onglet Création de la boîte de dialogue Options de l'éditeur de page, la liste de valeurs de cette propriété apparaît vide dans les boîtes de dialogue Nouveau style et Modifier le style et la propriété ne figure pas dans le panneau Propriétés CSS. Pour plus d’informations, voir Définir des options IntelliSense pour CSS. |
Panneau Propriétés CSS
.png "Cc294861.ba72a979-9ec1-49d5-b861-0e5492880dfb(FR-FR,Expression.30).png")
|
Le bouton Afficher la liste classée Le bouton Afficher la liste alphabétique Le bouton Afficher les propriétés définies en haut |
|
Le bouton Résumé répertorie dans la colonne Propriétés CSS toutes les propriétés qui affectent la sélection actuelle, au lieu d'afficher uniquement les propriétés d'un style sélectionné. En mode Résumé, vous pouvez cliquer sur une propriété sous Propriétés CSS pour mettre en valeur la règle associée dans Règles appliquées. Pour quitter le mode Résumé, cliquez de nouveau sur Résumé, ou cliquez sur une règle dans Règles appliquées. |
|
La zone Règles appliquées indique le sélecteur de chaque style qui affecte la sélection actuelle. Les styles sont classés par ordre croissant de priorité, de la plus faible en haut de la liste à la plus forte en bas. Placez le curseur sur un sélecteur pour voir l'ensemble des règles dans une info-bulle. Sélectionnez un sélecteur pour afficher ses propriétés sous Propriétés CSS. Double-cliquez sur un sélecteur pour accéder au code de cet ensemble de règles. |
|
Cette colonne indique la balise appliquée à chaque style et le sélecteur du style. Placez le curseur sur une ligne de cette colonne pour voir la règle appliquée. La colonne est nommée Page active lorsque le style sélectionné réside dans une CSS interne, ou elle est nommée d'après le nom d'un fichier CSS externe lorsque le style sélectionné réside dans une CSS externe. Vous pouvez placer le curseur sur le nom du fichier CSS externe pour voir le chemin d'accès au fichier ou cliquer sur le nom du fichier externe pour l'ouvrir. |
|
L'onglet Propriétés CSS répertorie les valeurs des propriétés que vous avez définies dans le style sélectionné sous Règles appliquées ainsi que toutes les propriétés non définies. Double-cliquez sur une propriété pour accéder au code de cet ensemble de règles. |
|
Lorsque le bouton Afficher la liste classée |
|
Vous pouvez définir la valeur d'une propriété en tapant une valeur dans la zone en regard du nom de la propriété, ou en plaçant le curseur sur la zone puis en cliquant, le cas échéant, sur la flèche déroulante |
|
Les propriétés barrées d'une ligne rouge sont définies par le style sélectionné mais ne sont pas héritées par la sélection actuelle ou sont remplacées par un autre style. Pour afficher une info-bulle avec plus d'informations, placez le curseur sur une propriété barrée. L'info-bulle des propriétés remplacées identifie la propriété de remplacement. .gif "Conseil") Conseil :
Dans le panneau Propriétés CSS, cliquez avec le bouton droit de la souris sur un sélecteur sous Règles appliquées pour afficher un menu contextuel qui contient des options supplémentaires d'utilisation d'une CSS.
|
.png "Cc294861.edef891a-6b74-4192-8f7f-5079614b9112(FR-FR,Expression.30).png")
.png "Cc294861.72857b68-7a97-436e-a9b4-721fa0dcfd9f(FR-FR,Expression.30).png")
organise la liste des propriétés sous des catégories, telles que Police et Bloc..png "Cc294861.926ae15d-105e-4df3-8d3e-b98491cfbae4(FR-FR,Expression.30).png")
permet de classer la liste des propriétés selon une liste alphabétique unique..png "Cc294861.2548942a-b2cf-4720-868a-934e356841bf(FR-FR,Expression.30).png")
organise la liste des propriétés de telle sorte que les propriétés que vous avez définies dans le style sélectionné apparaissent en haut de la liste..png "Cc294861.957413f8-28e0-4dc7-a144-0598679350b9(FR-FR,Expression.30).png")
.png "Cc294861.13f14333-cc5f-457a-863b-ccd449500941(FR-FR,Expression.30).png")
.png "Cc294861.0a66dad8-587c-4ccb-86ee-5e9cd1ef8c68(FR-FR,Expression.30).png")
.png "Cc294861.9c26150c-cd15-44bb-bf69-ff72093d3d71(FR-FR,Expression.30).png")
.png "Cc294861.8f73ae30-de6d-49a5-afe3-12a0a84d80a2(FR-FR,Expression.30).png")
.png "Cc294861.3ca58ea1-12d2-4379-9b89-e415efd03ca4(FR-FR,Expression.30).png")
.png "Cc294861.831cb746-62cc-437e-b8a7-17695a0edd28(FR-FR,Expression.30).png")
ou le bouton de sélection .png "Cc294861.51972403-155f-4381-850b-1a581a6163d2(FR-FR,Expression.30).png")
et en sélectionnant une valeur..png "Cc294861.0ca213c6-20bb-4cd9-9acd-ebc60a53c6bf(FR-FR,Expression.30).png")
Voir aussi
Tâches
Définir des options IntelliSense pour CSS
Concepts
Référence des feuilles de style en cascade