Außen- und Innenabstand

Außen- und Innenabstand sind der Platz rund um ein Element. Der Außenabstand (auch Margin genannt) liegt außerhalb der Ränder des Elements, der Innenabstand (auch Padding genannt) innerhalb. Passt du beide an, veränderst du Position und Wirkung des Elements, und deine Website wirkt individueller und professioneller.

So passt du den Außen- und Innenabstand rund um ein Element an:

1. Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.
2. Klicke auf Abstand.
3. Um den Außenabstand (Margin) zu ändern, klicke in das äußere Feld und bearbeite die Zahlen. Du kannst auch auf eine dieser Zahlen klicken und die Größe mit dem Schieberegler anpassen.
4. Um den Innenabstand (Padding) zu ändern, klicke in das innere Feld und bearbeite die Zahlen. Du kannst auch auf eine dieser Zahlen klicken und die Größe mit dem Schieberegler anpassen.
5. Wenn du Editor 2.0 verwendest: Klicke in die jeweiligen Felder, um die Werte für Margin und Padding zu bearbeiten. Die horizontalen Werte für Margin und Padding sind verknüpft. Wenn du einen änderst, wird der andere automatisch aktualisiert. Über das Verknüpfungssymbol kannst du sie trennen.

Hinweis: Wenn du seltsame Abstände siehst, die sich nicht entfernen lassen, prüfe alle Teile des Widgets, einschließlich der Spalte, in der es sich befindet.

Größeneinheiten im Flex Mode und in Editor 2.0

Im Flex Mode und in Editor 2.0 stehen zusätzliche Maßeinheiten zur Verfügung:

• px (Pixel). Eine feste Maßeinheit, die von der Gerätegröße unabhängig ist.
• % (Prozent). Eine flexible Einheit, die Elemente proportional zur Größe ihres Containers skaliert.
• vh (Viewport-Höhe). Skaliert Elemente dynamisch im Verhältnis zur Bildschirmhöhe (Viewport).
• vw (Viewport-Breite). Passt Elemente dynamisch an die Bildschirmbreite (Viewport) an und sorgt so für eine proportionale Skalierung auf verschiedenen Geräten.
• A (Auto). Lässt den Browser den Margin automatisch berechnen.

Hinweis: Ausführliche Informationen findest du unter „Size Units".

So änderst du die Maßeinheit:

1. Öffne das Design-Panel eines Elements.
2. Gehe zum Bereich Abstand.
3. Klicke in eines der Felder.
4. Klicke auf die aktuelle Maßeinheit.
5. Klicke auf die gewünschte Maßeinheit.