L'espacement extérieur et l'espacement intérieur sont l'espace autour d'un élément. L'espacement extérieur est également appelé marge et correspond à l'espace situé en dehors des limites de l'élément. L'espacement intérieur est également appelé rembourrage et correspond à l'espace situé à l'intérieur de ces bordures. Lorsque vous ajustez l'espacement extérieur et l'espacement intérieur d'un élément, vous modifiez son placement et son apparence. Cela peut donner à votre site un aspect plus personnalisé et professionnel.
Pour ajuster l'espacement extérieur et intérieur autour d'un élément :
-
Cliquez Espacement .
-
Pour modifier l'espacement extérieur (marge), cliquez et modifiez les chiffres dans la zone extérieure. Vous pouvez également cliquer sur l'un de ces chiffres et utiliser le curseur pour ajuster la taille.
-
Pour modifier l'espacement intérieur (remplissage), cliquez et modifiez les chiffres dans la zone intérieure. Vous pouvez également cliquer sur l'un de ces chiffres et utiliser le curseur pour ajuster la taille.
-
Si vous utilisez Editor 2.0 : Cliquez dans les cases correspondantes pour modifier les valeurs de marge et de remplissage. Les valeurs de marge horizontale et de remplissage sont liées. Si vous modifiez l'un, l'autre sera automatiquement mis à jour. Ils peuvent être dissociés en cliquant sur l'icône du lien
Note
Si vous voyez des espaces impairs que vous ne pouvez pas supprimer, assurez-vous de vérifier toutes les parties du widget, y compris la colonne dans laquelle il se trouve.
Pour les éléments situés à l'intérieur d'une colonne ou d'une colonne intérieure, vous pouvez ajuster rapidement la marge de l'élément en faisant glisser les bords de l'élément sur le canevas dans la même direction que la colonne. Cela signifie que les marges gauche et droite peuvent être ajustées dans les colonnes horizontales et que les marges supérieure et inférieure peuvent être ajustées dans les colonnes verticales.
Considérations
-
Lorsque vous ajustez les marges intégrées directement depuis le canevas, les marges seront dissociées. Lorsque vous ajustez les marges depuis le panneau Conception, les marges sont liées, ce qui signifie que si vous modifiez l'une, l'autre marge sera automatiquement mise à jour pour correspondre.
-
Lors de l'ajustement des marges intégrées, la même unité de taille (px, %, vh, vw) définie dans le panneau de conception sera conservée sauf si la valeur est 0, auquel cas elle sera réinitialisée à px.
En mode Flex et Editor 2.0, il existe des options de mesure supplémentaires :
-
px (pixels). Fournit une unité de mesure fixe qui n'est pas affectée par les variations de taille de l'appareil
-
% (pourcentage). Une unité polyvalente qui redimensionne les éléments proportionnellement en fonction de la taille de leur contenant
-
vh (hauteur de la fenêtre d'affichage). Redimensionne dynamiquement les éléments en fonction de la hauteur de l'écran (fenêtre d'affichage).
-
vw (largeur de la fenêtre d'affichage). Ajuste dynamiquement les éléments en fonction de la largeur de l'écran (fenêtre d'affichage), garantissant une mise à l'échelle proportionnelle sur les différents appareils
-
A. (automatique). Permet au navigateur de calculer automatiquement la marge.
Note
Pour des informations détaillées, voir Unités de taille.
Pour modifier l'unité de taille :