Adding a margin creates extra space around an element while adding padding creates extra space within an element.
This input is based on the Box Model.
You can adjust the Margin by typing in a value in the outer ring and you can adjust the Padding by typing in a value in the inner ring.
Specify minimum, maximum, or specifically set heights and widths for the element.
The default setting that is calculated based on what other elements, if any, are inside the element.
Explicitly set an exact height/width.
Set the height/width as a percentage of the height/width of the parent element.
Determines how a child element is placed in its parent container
Positions the element relative to the other elements in the parent container.
Takes the element out of the flow of all other elements in the child container. The
Determines the level of the element. The higher the Z-Index, the higher priority the element will have in regards to stacking.
Determines the behavior of remaining content that goes beyond the bounds of the container.
Set the border radius of a component, along with the width and style of the border surrounding a component.
Determine how the edges of the border will be rounded. Configure the Global and Button in the theme settings.
The width of the border on each side of the element.
The color of the border.
Select a solid, dotted, or dashed line as the border.
Set an elevation (configured in Themes & Styling) on the element.
Increase or decrease an element's transparency.
Updated 6 months ago
|Themes & Styling|