Div
The DIV component is a container unit that encapsulates other page elements and divides the HTML document into sections.
Allowed Parent Components:
Allowed Child Components:
➤ Self Alignment
Select an option to align the div inside a flex container.
Allowed Values:
Select an option to align all direct children as a group. In Flexbox, it aligns the items on the Cross Axis. In Grid Layout, it aligns the items on the Block Axis within their grid area.
Allowed Values:
Select an option to set whether the Div is treated as a block or inline element and the layout used for its children, such as grid or flex.
Allowed Values:
➤ Background Color
Allowed Values: Color
Select this to add a border on top
Allowed Values: Yes/No
Select this to add a border on right
Allowed Values: Yes/No
➤ Border Bottom
Select this to add a border on bottom
Allowed Values: Yes/No
Select this to add a border on left
Allowed Values: Yes/No
Select an option to change the width of a border
Allowed Values:
Select an option to change the type of a border
Allowed Values:
Select a color or enter the custom class to set the color on the sides of the element's border.
Allowed Values: Select a color or enter the custom class to set the color on the sides of the element's border.
Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
Allowed Values: Any number value
➤ Margin Bottom
Select a value to add margin on the bottom of the component.
Allowed Values: Any number value
Select a value to add margin on the left of the component.
Allowed Values: Any number value
Select a value to add margin on the right of the component.
Allowed Values: Any number value
Select a value to add margin on the top of the component.
Allowed Values: Any number value
Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.
Allowed Values: Any number value
➤ Padding Bottom
Select a value to add padding in the bottom of the component.
Allowed Values: Any number value
Select a value to add padding in the left of the component.
Allowed Values: Any number value
➤ Padding Right
Select a value to add padding in right of the component.
Allowed Values: Any number value
Select a value to add padding in top of the component.
Allowed Values: Any number value
