Here you have learned what margin and padding are all about. Now you can use these two properties in radiosphere Studio to change spacings and the position of your components. You make these adjustments in the Design area, or more precisely, you enter values in the empty fields that are displayed on the right side under Margin and Padding.
Top, Right, Bottom and Left
For Margin and Padding you can set the spacing or position for the four different areas inside or outside your content. For each of these areas you will find four empty fields in the editor:
- Top: Area above your content
- Right: Area to the right of your content
- Bottom: Area below your content
- Left: Area to the left of your content
It is important to understand which empty field stands for which component page. The following graphic shows you the meaning for the corresponding field:
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. Lesehiernach, welche das sind.