Modifier un style
Si vous souhaitez modifier les propriétés d’un style d’une feuille de style en cascade (CSS) externe, intraligne ou interne, vous pouvez au choix ouvrir le volet des tâches Propriétés CSS ou Appliquer les styles. Le volet des tâches Appliquer les styles vous permet de modifier tous les styles des feuilles de style de la page Web active, y compris les styles que la page Web n’utilise pas. Au contraire, le volet des tâches Propriétés CSS vous permet de modifier uniquement les styles utilisés par la page Web active, c’est-à-dire les styles que vous pouvez sélectionner en mode Code, ou tous les styles contenus dans un fichier .css externe ouvert.
.gif "Remarque") Remarque : |
|---|
Si une propriété CSS n’est pas prise en charge par le schéma CSS sélectionné dans l’onglet Création de la boîte de dialogue Options de l’éditeur de pages, la liste des valeurs de cette propriété est vide dans les boîtes de dialogue Nouveau style et Modifier le style et la propriété n’est pas répertoriée dans le volet des tâches Propriétés CSS. Pour plus d’informations, voir Définir des options IntelliSense pour CSS. |
Pour renommer un sélecteur de classe
Ouvrez la page Web qui utilise la feuille de style en cascade comportant le sélecteur de classe que vous souhaitez modifier.
Effectuez l’une des opérations suivantes :
Dans le volet des tâches Appliquer les styles, pointez sur le sélecteur de classe, cliquez sur la flèche vers le bas, puis cliquez sur Renommer la classe.
Dans le volet des tâches Gérer les styles ou Propriétés CSS, cliquez avec le bouton droit sur le sélecteur de classe, puis sélectionnez Renommer la classe.
Dans la zone Nouveau nom de la boîte de dialogue Renommer la classe, entrez le nouveau nom du sélecteur de classe. Il est inutile de taper un point (.) avant le nouveau nom de la classe.
Pour mettre à jour le nom de la classe dans toutes les références existantes à cette classe, cliquez sur Renommez les références de classe dans (#) fichiers utilisant cette feuille de style.
Cliquez sur OK.
Pour modifier un style à l’aide du volet des tâches Propriétés CSS
Ouvrez une page Web qui utilise le style que vous souhaitez modifier.
Dans le volet des tâches Propriétés CSS, si le style que vous souhaitez modifier n’apparaît pas dans la liste Règles appliquées, placez votre curseur dans le contenu ou sélectionnez le contenu qui utilise le style que vous souhaitez modifier.
Dans la liste Règles appliquées, cliquez sur le nom du style que vous souhaitez modifier.
Dans la zone Propriétés CSS du volet des tâches Propriétés CSS, définissez les propriétés de votre choix.
Pour modifier un style à l’aide de la boîte de dialogue Modifier le style
Ouvrez une page Web qui utilise la feuille de style en cascade comportant le style que vous souhaitez modifier.
Effectuez l’une des opérations suivantes :
Pour modifier un sélecteur de classe, d’élément ou d’identificateur, pointez sur le style concerné dans le volet des tâches Appliquer les styles, cliquez sur la flèche vers le bas, puis cliquez sur Modifier le style.
Pour modifier un style intraligne, placez le curseur dans le contenu ou sélectionnez le contenu qui utilise le style, pointez sur le style concerné dans le volet des tâches Appliquer les styles, cliquez sur la flèche vers le bas, puis cliquez sur Modifier le style.
Dans la liste Règles appliquées du volet des tâches Propriétés CSS, cliquez avec le bouton droit sur le style, puis sélectionnez Modifier le style. Si le style que vous souhaitez modifier n’apparaît pas dans la liste Règles appliquées du volet des tâches, placez votre curseur dans le contenu ou sélectionnez le contenu qui utilise le style que vous souhaitez modifier.
Pour modifier le nom du style ou le type de sélecteur, effectuez l’une des opérations suivantes dans la zone Sélecteur de la boîte de dialogue Modifier le style :
Remarque :Les noms du sélecteur de classe et d’identificateur ne doivent pas contenir d’espaces, sauf si vous créez un sélecteur complexe.
Pour utiliser un sélecteur d’élément, cliquez sur le nom d’un élément dans la liste déroulante Sélecteur.
Pour utiliser un sélecteur d’identificateur, tapez le signe # suivi d’un nom unique.
Pour utiliser un sélecteur intraligne, cliquez sur le style intraligne dans le menu de la zone Sélecteur.
Pour utiliser un sélecteur de classe, tapez un point (.) suivi d’un nom unique.
Remarque :Pour renommer un sélecteur de classe existant et mettre à jour automatiquement toutes les références à ce style, utilisez la procédure Pour renommer un sélecteur de classe. Si vous renommez un sélecteur d’élément ou d’identificateur ou modifiez le type de sélecteur pour tous types de style, les références à ce style ne sont pas mises à jour ; vous devez donc les mettre à jour vous-même.
Dans la zone Catégorie, cliquez sur l’un des éléments suivants et définissez les propriétés que vous souhaitez mettre en forme :
Police définit les propriétés de la police, y compris la taille, l’épaisseur, l’ornement et la couleur.
Bloc définit la hauteur de la ligne, l’alignement du texte, la mise en retrait et l’espacement du texte.
Arrière-plan définit la couleur et les propriétés de l’image d’arrière-plan.
Bordure définit une bordure et ses propriétés.
Zone définit les propriétés de remplissage et de marge des éléments de niveau zone et de niveau bloc.
Position définit les dimensions et la position des éléments de niveau zone et de niveau bloc.
Disposition définit la visibilité, le flottement et le comportement d’habillage et de détourage, ainsi que d’autres propriétés de disposition des éléments de niveau zone et bloc.
Liste définit les propriétés des éléments d’une liste, y compris leur type, leur position et leur image.
Tableau définit les propriétés des éléments d’un tableau, y compris les propriétés d’espacement, de disposition et de bordure.
Cliquez sur OK.
Voir aussi
Concepts
Volet des tâches Propriétés CSS