Padding
Scope
- Content Object > Element > Padding property
- Content Object > Element > Padding Top property
- Content Object > Element > Padding Bottom property
- Content Object > Element > Padding Left property
- Content Object > Element > Padding Right property
For Input Text Controls, see:
- Simulation content object > Input Text macro > Control > Padding property
Purpose
This property specifies the amount of padding that should be left between the edge of the parent element boundary, and the parent element itself.
Where separate Padding Top, Bottom, Right, and Left properties are available, the Padding property is used to define the default padding for all edges of the object, and this can be overridden for any given edge by specifying the relevant 'edge' property. As soon as an 'edge' property is activated it is defaulted to 0 and will override the default object padding (if specified). You can also leave the Padding deactivated and only activate/set the specific edge properties you want to use.
It is important to understand that the padding is applied to the inner side of the edge, and will effectively 'eat into' the assigned Width and Height of the parent element - starting from the upper-left corner. For example, say you have a solid blue square with a Width and Height of 50px and position it at exactly (100,100) on the page. If you then specify a Padding of 10px then the square will effectively appear at (110,110) and will look to be 40x40px - because 10px of the width and 10px of the height will now be outside of the visible object area (think of the object boundary as a 'window' over the actual element).