Espacement extérieur et intérieur

L'espacement extérieur et l'espacement intérieur correspondent à l'espace situé autour d'un élément. L'espacement extérieur, aussi appelé marge (margin), est l'espace en dehors des bordures de l'élément. L'espacement intérieur, aussi appelé marge intérieure (padding), est l'espace à l'intérieur de ces bordures. En ajustant ces deux espacements, vous modifiez le placement et l'apparence de l'élément, ce qui donne à votre site un rendu plus soigné et plus professionnel.

Pour régler l'espacement extérieur et intérieur autour d'un élément :

1. Cliquez sur l'élément pour ouvrir le menu flottant, puis cliquez sur l'option de modification du design.
2. Cliquez sur Espacement.
3. Pour modifier l'espacement extérieur (margin), cliquez sur les valeurs de la zone extérieure et modifiez-les. Vous pouvez aussi cliquer sur l'une de ces valeurs et utiliser le curseur pour ajuster la taille.
4. Pour modifier l'espacement intérieur (padding), cliquez sur les valeurs de la zone intérieure et modifiez-les. Vous pouvez aussi cliquer sur l'une de ces valeurs et utiliser le curseur pour ajuster la taille.
5. Si vous utilisez Editor 2.0 : cliquez dans les champs correspondants pour modifier les valeurs de marge (margin) et de marge intérieure (padding). Les valeurs horizontales de margin et de padding sont liées : si vous en modifiez une, l'autre se met à jour automatiquement. Vous pouvez les dissocier en cliquant sur l'icône de lien.

Remarque : Si vous constatez des espaces étranges que vous n'arrivez pas à supprimer, vérifiez toutes les parties du widget, y compris la colonne dans laquelle il se trouve.

Options d'unités de taille en Flex Mode et Editor 2.0

En flex mode et dans Editor 2.0, des options de mesure supplémentaires sont disponibles :

• px (pixels). Unité de mesure fixe, indépendante de la taille de l'appareil.
• % (pourcentage). Unité souple qui redimensionne les éléments proportionnellement à la taille de leur conteneur.
• vh (hauteur de la fenêtre d'affichage). Redimensionne dynamiquement les éléments en fonction de la hauteur de l'écran (viewport).
• vw (largeur de la fenêtre d'affichage). Ajuste dynamiquement les éléments selon la largeur de l'écran (viewport), pour un redimensionnement proportionnel sur les différents appareils.
• A (auto). Laisse le navigateur calculer automatiquement la marge.

Remarque : Pour plus de détails, consultez la rubrique sur les unités de taille.

Pour changer l'unité de taille :

1. Ouvrez le panneau de design d'un élément.
2. Accédez à la section Espacement.
3. Cliquez dans l'un des champs.
4. Cliquez sur l'unité de taille actuelle.
5. Cliquez sur l'unité de taille souhaitée.