A container that keeps a margin around its child controls.
[MarginContainer] adds an adjustable margin on each side of its child controls. The margins are added around all children, not around each individual one. To control the [MarginContainer]'s margins, use the [code]margin_*[/code] theme properties listed below. [b]Note:[/b] The margin sizes are theme overrides, not normal properties. This is an example of how to change them in code: [codeblocks] [gdscript] # This code sample assumes the current script is extending MarginContainer. var margin_value = 100 add_theme_constant_override("margin_top", margin_value) add_theme_constant_override("margin_left", margin_value) add_theme_constant_override("margin_bottom", margin_value) add_theme_constant_override("margin_right", margin_value) [/gdscript] [csharp] // This code sample assumes the current script is extending MarginContainer. int marginValue = 100; AddThemeConstantOverride("margin_top", marginValue); AddThemeConstantOverride("margin_left", marginValue); AddThemeConstantOverride("margin_bottom", marginValue); AddThemeConstantOverride("margin_right", marginValue); [/csharp] [/codeblocks]
$DOCS_URL/tutorials/ui/gui_containers.html
All direct children of [MarginContainer] will have a bottom margin of [code]margin_bottom[/code] pixels.
All direct children of [MarginContainer] will have a left margin of [code]margin_left[/code] pixels.
All direct children of [MarginContainer] will have a right margin of [code]margin_right[/code] pixels.
All direct children of [MarginContainer] will have a top margin of [code]margin_top[/code] pixels.