Créer un style

Vous pouvez créer des styles intralignes, ainsi que des styles qui utilisent des sélecteurs de classe, d’ID ou d’élément, pour mettre en forme une page Web et son contenu. Pour plus d’informations sur chaque type de style, voir Utilisation de styles.

Vous pouvez créer de nouveaux styles ou copier un style existant. Quelle que soit votre méthode, la boîte de dialogue Nouveau style vous permet de définir l’intégralité de votre nouveau style, y compris le type de sélecteur, les propriétés et la feuille de style qui contiendra le style. Pour créer un nouveau style intraligne, vous pouvez également utiliser le panneau Propriétés CSS. Pour créer et appliquer rapidement un nouveau style à votre page sans en définir les propriétés, vous pouvez également utiliser la barre d’outils Style.

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.

Pour créer un style à l’aide de la boîte de dialogue Nouveau style

1. Effectuez l’une des opérations suivantes :

   • Pour ajouter un style à une CSS externe, ouvrez le fichier .css.

   • Pour ajouter un style à une CSS interne, ouvrez la page Web.

   • Pour ajouter un style intraligne, ouvrez la page Web, puis sélectionnez le contenu auquel vous souhaitez appliquer le style.

2. Effectuez l’une des opérations suivantes :

   • Pour créer un nouveau style, dans le panneau Appliquer les styles ou Gérer les styles dans la barre d’outils Style, ou dans le menu Format, cliquez sur Nouveau style.

   • Pour copier un style existant dans le panneau Appliquer les styles, Gérer les styles ou Propriétés CSS, cliquez avec le bouton droit sur le style à copier, puis choisissez Copie du nouveau style.

3. Dans la boîte de dialogue Nouveau style, effectuez les opérations suivantes :

   Utilisez	Pour
   Sélecteur	Pour utiliser un sélecteur de classe, tapez un point (.) suivi d’un nom unique. Pour utiliser un sélecteur d’identificateur, tapez le signe # suivi d’un nom unique. Remarque : Les noms du sélecteur de classe et d’ID ne doivent pas contenir d’espaces, sauf si vous créez un sélecteur complexe. Pour utiliser un sélecteur d’élément, tapez le nom d’un élément HTML ou cliquez sur la zone déroulante Sélecteur et sélectionnez le nom d’un élément. Pour utiliser un sélecteur intraligne, sélectionnez un style intraligne. Pour créer un sélecteur complexe, tapez le sélecteur.
   Définir dans	Sélectionnez l’une des options suivantes : Page active ajoute le nouveau style à la CSS interne de la page Web active. Nouvelle feuille de style ajoute le nouveau style à une CSS externe vierge. Feuille de style existante ajoute le nouveau style à une CSS externe existante que vous spécifiez.
   Appliquer un nouveau style à la sélection de document	Applique le style à la sélection actuelle dans la page Web active.
   URL	Si vous avez sélectionné Feuille de style existante dans Définir dans, tapez l’URL permettant d’accéder au fichier .css.
   Catégorie	Sélectionnez l’une des catégories suivantes, puis définissez les propriétés qui apparaissent à droite dans la boîte de dialogue : Conseil : Les catégories qui apparaissent en gras dans la liste Catégorie contiennent des propriétés définies. 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.

Pour créer un style intraligne à l’aide du panneau Propriétés CSS

1. En mode Création ou Code, sélectionnez, dans votre page Web, le contenu auquel vous souhaitez ajouter un style intraligne.

2. Dans le panneau Propriétés CSS, sous Règles appliquées, cliquez avec le bouton droit sur le sélecteur auquel vous voulez appliquer le style intraligne ou si (aucune règle appliquée) apparaît, cliquez avec le bouton droit n’importe où sous Règles appliquées, et dans le menu contextuel, cliquez sur Nouveau style intraligne.

3. Sous Propriétés CSS, définissez les propriétés voulues.

Pour créer et appliquer un nouveau style non défini

1. En mode Création ou Code, sélectionnez, dans votre page Web, l’élément auquel vous souhaitez appliquer un style.

2. Pour créer et appliquer un style sans définir aucune de ses propriétés, dans la barre d’outils Style, dans la zone Classe ou ID, tapez un nom unique pour le nouveau style.

Voir aussi

Tâches

Créer une feuille de style en cascade

Modifier un style

Concepts

Utilisation de styles

Référence des feuilles de style en cascade