Skip to main content

Dimension - Padding


The Padding properties add space around the content a component contains within the defined border of the component in all the four sides, i.e. Top, Bottom, Left and Right.

Remember, you need to provide the padding in the number of pixels here.

DrapCode Builder Additional Tools

Adjusting the Padding of a Component

As you click on the component around which you want to add padding, the Style Manager of that component opens automatically in the Right Toolbar. You only have to go to the category, "Dimension" and adjust the top, bottom, right and left padding of the component as yout want.

DrapCode Builder Margin Adjust

Pixels, Percentage, Viewport, EM & REM

You can also assign the size in fixed pixels, % of screensize, viewport width, em and rem.

DrapCode Builder Console Parameters