Difference between revisions of "Padding"
(Created page with "==Scope== * ''Content Object'' > ''Element'' > '''Padding''' property * ''Content Object'' > ''Element'' > '''Padding Top''' property * ''Content Object'' > ''Element'' > '''P...") |
|||
| Line 13: | Line 13: | ||
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. | 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 | + | 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 an image with a Width and Height of 100px and position it at exactly (50,50) on the page. If you then specify a '''Padding''' of 10px then the image will effectively appear at (110,110) and will look to be 30x30px - because 20px of the width and 20px of the height will now be taken up by padding. |
[[Category:Property]] | [[Category:Property]] | ||
Revision as of 15:55, 19 September 2019
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 an image with a Width and Height of 100px and position it at exactly (50,50) on the page. If you then specify a Padding of 10px then the image will effectively appear at (110,110) and will look to be 30x30px - because 20px of the width and 20px of the height will now be taken up by padding.
