Encadré, boîte de dialogue Nouveau style

Mise à jour : novembre 2007

La catégorie Encadré des boîtes de dialogue Nouveau style et Modifier le style permet de définir les règles de style d'une feuille de style en cascade (CSS) pour un encadré contenant un élément de page Web. Vous pouvez appliquer ces règles de style directement aux éléments HTML ou les ajouter à la page active ou à une feuille de style externe.

Pour définir une règle de style CSS d'encadré pour les éléments d'interface utilisateur de la page active

1. Ouvrez la page en mode Design ou Source.

2. Vous pouvez sélectionner le texte ou les éléments HTML auxquels appliquer le style.

3. Dans le menu Format, sélectionnez Nouveau style.

   La boîte de dialogue Nouveau style s'affiche.

4. Dans le volet Catégorie, sélectionnez Encadré.

   Les sélections de style d'encadré s'affichent dans le volet droit.

En mode Design, lorsque vous appliquez des styles au texte sélectionné, les attributs de style sont insérés inline dans le balisage HTML de la page. Passez en mode Source pour contrôler les nouveaux attributs de style.

Pour ajouter des attributs d'encadré à une règle de style CSS définie dans une feuille de style externe

1. Ouvrez une feuille de style externe existante.

2. Placez le curseur entre les accolades de la règle de style à modifier.

3. Dans le menu Styles, sélectionnez Générer un style.

   La boîte de dialogue Modifier le style s'affiche.

   Remarque :
   Le menu Styles apparaît lorsque vous ouvrez une feuille de style CSS externe pour la modifier. Dans le menu Styles, l'option Générer un style devient accessible lorsque vous placez le curseur entre les accolades suivant le sélecteur d'une règle de style.

4. Dans le volet gauche, sélectionnez Encadré.

   Les sélections de style d'encadré s'affichent dans le volet droit.

Vous pouvez appliquer une classe de style CSS à un élément de la page Web ou à l'élément body en affectant la propriété class de l'élément au nom du sélecteur de classe.

• Comment : utiliser la fenêtre Propriétés CSS

• Procédure pas à pas : création et modification d'un fichier CSS

• Procédure pas à pas : utilisation d'un fichier CSS existant

• Procédure pas à pas : modification de base du code HTML dans Visual Web Developer

• Comment : modifier les marges et marges intérieures en mode Design

Les tableaux suivants répertorient les options disponibles dans la catégorie Encadré des boîtes de dialogue Nouveau style et Modifier le style.

Options d'encadré

• remplissage
  Remplissage d'un élément. Le remplissage définit la quantité d'espace blanc compris dans la bordure de l'élément, le cas échéant. Vous pouvez définir indépendamment le remplissage pour chaque côté (supérieur, droit, inférieur ou gauche). Si vous spécifiez une valeur pour l'un des côtés, vous pouvez sélectionner les unités dans la liste. Pour que le remplissage soit identique pour tous les côtés, spécifiez une valeur dans haut, puis activez la case à cocher Tous identiques.

• marge
  Les marges entourant un élément. Une marge définit la quantité d'espace blanc compris en dehors de la bordure de l'élément, le cas échéant. Vous pouvez définir indépendamment la marge de chaque côté (supérieur, droit, inférieur ou gauche). Si vous spécifiez une valeur pour l'une des marges, vous pouvez sélectionner les unités dans la liste. Pour que les marges soient identiques pour tous les côtés, spécifiez une valeur dans haut, puis activez la case à cocher Tous identiques.

• Référence du modèle de boîte CSS
  Affiche la signification de la terminologie CSS relative aux encadrés, par exemple, marge, bordure, remplissage et haut.

Autres éléments d'interface utilisateur

• Sélecteur
  (boîte de dialogue Nouveau style uniquement) Permet d'entrer un nom de classe ou de sélectionner l'élément HTML auquel appliquer le style. Les noms de classe doivent commencer par un point (.). Vous pouvez également sélectionner (style intraligne), qui permet d'appliquer inline le style au texte sélectionné ou aux éléments HTML.

• Définir dans
  (boîte de dialogue Nouveau style uniquement) Permet de spécifier l'emplacement d'écriture de la définition de la règle de style. Les valeurs sont les suivantes :

  • Page active   La règle de style est écrite dans un élément style de la page active.

  • Nouvelle feuille de style   Une nouvelle feuille de style CSS, dans laquelle est écrite la règle, est ajoutée au projet.

  • Feuille de style existante   La règle de style est ajoutée à la feuille de style CSS spécifiée via la liste URL.

• URL
  (boîte de dialogue Nouveau style uniquement) Permet de sélectionner une feuille de style CSS existante. Cette option n'est activée que lorsque Définir dans a la valeur Feuille de style existante.

• Appliquer un nouveau style à la sélection de document
  (boîte de dialogue Nouveau style uniquement) Indique que le style s'applique au texte, à la classe ou à l'élément HTML sélectionné.

• Aperçu
  Affiche un exemple de mode d'affichage de la règle de style lorsqu'elle s'applique.

• Description
  Affiche la définition CSS de la règle de style.

Voir aussi

Concepts

Vue d'ensemble de l'utilisation de CSS