Hier hast du erfahren, was es mit Margin und Padding auf sich hat. Nun kannst die beiden Eigenschaften im radiosphere Studio nutzen, um Spacings sowie die Position deiner Komponenten zu verändern. Dies Anpassungen nimmst du im Design-Bereich vor, genauer gesagt trägst du Werte in die leeren Felder ein, die dir auf der rechten Seite unter Margin und Padding angezeigt werden.
Top, Right, Bottom und Left
Du kannst für Margin und Padding das Spacing bzw. die Position für die vier unterschiedlichen Bereiche innerhalb oder außerhalb deines Contents einstellen. Für diese Bereiche findest du im Editor jeweils vier leere Felder:
- Top: Bereich oberhalb deines Contents
- Right: Bereich rechts neben deinem Content
- Bottom: Bereich unterhalb deines Contents
- Left: Bereich links neben deinem Content
Dafür ist wichtig zu verstehen, welches leere Feld für welche Komponenten-Seite steht. Die folgende Grafik zeigt dir die Bedeutung für das entsprechende Feld an:
Im radiosphere Studio Editor kannst du dir die Bedeutungen zudem anzeigen lassen, wenn du den Cursor einen Moment lang auf einem der leeren Felder belässt. Um Spacings sowie die Position der Komponente zu konfigurieren, musst du nur noch die gewünschten Werte in die Feldern eintragen. Zur Auswahl stehen dir drei verschiedene Wert-Typen, mit denen du Einstellungen vornehmen kannst. Lese hier nach, welche das sind.