Définir les marges, le remplissage et les dimensions en mode Création

Pour augmenter ou diminuer rapidement une largeur ou une hauteur, ou ces deux propriétés à la fois, dans un élément de niveau bloc, double-cliquez sur la poignée de redimensionnement carrée de l’élément sélectionné. Vous pouvez également définir les marges ou le remplissage d’un côté quelconque d’un élément de niveau bloc en faisant glisser le bord de l’élément ou l’une de ses poignées de ligne situées à chaque coin de l’élément sélectionné en mode Création.

Marge gauche d’une image

Les poignées de redimensionnement apparaissent au milieu des côtés droit et bas et dans le coin inférieur droit d’un élément de niveau bloc sélectionné. Pour définir les marges, faites glisser un bord de l’élément ou utilisez les poignées de marge de couleur rose ; pour définir le remplissage, appuyez sur la touche Maj tout en faisant glisser le bord de l’élément, ou utilisez les poignées de remplissage bleues. Les marges d’un élément apparaissent alors ombrées en rose et les zones remplies ombrées en bleu. Au fur et à mesure que vous faites glisser les poignées, la nouvelle marge apparaît ombrée en orange et le nouveau remplissage ombré en vert.

Vous pouvez appliquer ces techniques à une image, un tableau, un calque, une applet, un cadre en ligne, ainsi qu’aux éléments de niveau bloc, tels que les paragraphes, les titres (h1, h2, etc.), les listes et les éléments de liste, les formulaires et les éléments de formulaire, les balises div non positionnées, les balises d’adresse, les balises de guillemets de bloc, les lignes horizontales et les balises center. Lorsque vous recourez à l’une de ces techniques, Microsoft Expression Web génère la mise en forme pour vous en créant un style intraligne ou un style qui utilise un sélecteur de classe, en fonction des paramètres de style de l’application associée. Pour modifier ces paramètres, voir Définir les préférences des feuilles de style en cascade générées.

Les poignées apparaissent dès que vous sélectionnez un élément ou après la sélection d’un élément de niveau bloc et de l’un des éléments suivants : la bordure en pointillé qui entoure le bloc de l’élément, l’onglet de l’élément de niveau bloc qui apparaît en haut de l’élément en mode Création, ou la balise de l’élément dans la barre du Sélecteur de balise rapide. Par exemple, si vous cliquez sur une image, les poignées apparaissent immédiatement. Si vous sélectionnez un élément de niveau bloc, tel qu’un paragraphe, les poignées n’apparaissent que lorsque vous cliquez sur le « p » de la balise de niveau bloc sur le paragraphe. Cliquez sur la ligne en pointillé qui apparaît autour du bloc de paragraphe, ou cliquez sur la balise <p> du paragraphe dans la barre du Sélecteur de balise rapide. Par ailleurs, pour visualiser les poignées ou l’ombrage de la marge ou du remplissage des éléments de niveau bloc, vous devez sélectionner Sélection de bloc dans le sous-menu Aides visuelles du menu Affichage.

Pour définir les marges, le remplissage et les dimensions d’un élément de niveau bloc

1. En mode Création, sélectionnez l’élément dans votre page Web.

   Les poignées de ligne et les poignées de redimensionnement s’étendent à chaque coin de l’élément. Si les poignées ne s’affichent pas, effectuez une ou plusieurs des opérations suivantes.

   • Si vous avez sélectionné un élément de niveau bloc, dans le menu Affichage, pointez sur Aides visuelles, puis cliquez sur Afficher. Dans le menu Affichage, pointez sur Aides visuelles, puis cliquez sur Sélection de bloc.

   • Cliquez sur la ligne en pointillé qui entoure le bloc de l’élément.

   • Cliquez sur l’onglet de l’aide visuelle qui apparaît en haut de l’élément.

   • Cliquez sur la balise de l’élément dans la barre du Sélecteur de balise rapide en haut de la fenêtre d’édition.

2. Effectuez une ou plusieurs des actions suivantes :

   • Pour définir une marge, faites glisser la poignée de marge rose ou l’extrémité sur le côté souhaité.

   • Pour définir le remplissage, maintenez enfoncée la touche Maj, tout en faisant glisser la poignée de remplissage bleue ou l’extrémité sur le côté souhaité.

   • Pour ajouter ou supprimer seulement la propriété de largeur, double-cliquez sur la poignée de redimensionnement sur le côté droit de l’élément.

   • Pour ajouter ou supprimer seulement la propriété de hauteur, double-cliquez sur la poignée de redimensionnement en bas de l’élément.

   • Pour ajouter ou supprimer les propriétés de largeur et hauteur, double-cliquez sur la poignée de redimensionnement dans le coin inférieur droit de l’élément.

Voir aussi

Concepts

Définir les propriétés de bordures, remplissage et arrière-plan

Aligner du texte

Feuilles de style en cascade générées

Aides visuelles

Sélecteur de balise rapide