El espaciado exterior y el espaciado interior son el espacio alrededor de un elemento. El espaciado exterior también se conoce como margen y es el espacio situado fuera de los bordes del elemento. El espaciado interior también se conoce como relleno y es el espacio que se encuentra dentro de estos bordes. Al ajustar el espaciado exterior e interior de un elemento, cambias su ubicación y apariencia. Esto puede hacer que tu sitio tenga un aspecto más personalizado y profesional.
Para ajustar el espaciado exterior e interior alrededor de un elemento:
-
Haga clic Espaciado .
-
Para cambiar el espaciado exterior (margen), haga clic en los números del cuadro exterior y edítelos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño
-
Para cambiar el espaciado interior (relleno), haga clic en los números del cuadro interior y edítelos. También puedes hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño
-
Si utiliza el Editor 2.0: Haga clic en las casillas correspondientes para editar los valores de margen y relleno. Los valores del margen horizontal y del relleno están vinculados. Si cambias uno, el otro se actualizará automáticamente. Se pueden desvincular haciendo clic en el icono de enlace
Nota
Si ves espacios impares que no puedes eliminar, asegúrate de revisar todas las partes del widget, incluida la columna en la que se encuentra.
Para los elementos que se encuentran dentro de una columna o columna interior, puedes ajustar rápidamente el margen del elemento arrastrando los bordes del elemento en el lienzo en la misma dirección que la columna. Esto significa que los márgenes izquierdo y derecho se pueden ajustar en columnas horizontales y los márgenes superior e inferior se pueden ajustar en columnas verticales
Consideraciones
-
Al ajustar los márgenes en línea directamente desde el lienzo, los márgenes se desvincularán. Al ajustar los márgenes desde el panel de diseño, los márgenes se vinculan, lo que significa que si cambias uno, el otro margen se actualizará automáticamente para que coincida
-
Al ajustar los márgenes en línea, se mantendrá la misma unidad de tamaño (px,%, vh, vw) establecida en el panel de diseño, a menos que el valor sea 0, en cuyo caso se restablecerá a px.
En el modo flex y el Editor 2.0, hay opciones de medición adicionales:
-
px (píxeles). Proporciona una unidad de medida fija que no se ve afectada por las variaciones del tamaño del dispositivo
-
% (porcentaje). Una unidad versátil que escala los elementos proporcionalmente en función del tamaño de su contenedor
-
vh (altura de la ventana gráfica). Escala dinámicamente los elementos en relación con la altura de la pantalla (ventana gráfica)
-
vw (ancho de la ventana gráfica). Ajusta los elementos de forma dinámica en función del ancho de la pantalla (ventana gráfica), lo que garantiza un escalado proporcional en
-
A (automático). Permite que el navegador calcule automáticamente el margen.
Nota
Para obtener información detallada, consulte Unidades de tamaño.
Para cambiar la unidad de tamaño: