Padding and Margin Styling Properties
This page contains documentation for the padding and margin group of control styling properties available using Styling Assistants. For some controls, not all properties are shown.
Click here for alternative ways of separating one control from its neighbours.
Padding is the space between the control’s content and its border. Padding space is displayed with the background specified for the control. See Figure 1 below.
Margin is the space between the border and any adjacent control. Margin space is displayed with the background specified for the parent container control. See Figure 1 below.
Sometimes, adding padding or margins can cause a control to break out of the width occupied by its parent, usually overflowing to the right. Click here for more information and solutions to this issue.
See also local/inherited control properties.
Property |
Description |
Name1 |
Type1 |
Get1 |
Set1 |
Get/Set Values1 |
Padding |
|
|
|
|
|
|
All Sides |
Left, right, top, padding unless one of the following 4 properties is specified. |
allPadding |
Character |
Yes |
Yes |
As size in CSS padding property |
Left Padding |
Left padding |
leftPadding |
Character |
Yes |
Yes |
As size in CSS padding property |
Right Padding |
Right padding |
rightPadding |
Character |
Yes |
Yes |
As size in CSS padding property |
Top Padding |
Top padding |
topPadding |
Character |
Yes |
Yes |
As size in CSS padding property |
Bottom Padding |
Bottom padding |
bottomPadding |
Character |
Yes |
Yes |
As size in CSS padding property |
Margin |
|
|
|
|
|
|
All Sides |
Left, right, top, margin unless one of the following 4 properties is specified. |
allMargin |
Character |
Yes |
Yes |
As size in CSS margin property |
Left Margin |
Left margin |
leftMargin |
Character |
Yes |
Yes |
As size in CSS margin property |
Right Margin |
Right margin |
rightMargin |
Character |
Yes |
Yes |
As size in CSS margin property |
Top Margin |
Top margin |
topMargin |
Character |
Yes |
Yes |
As size in CSS margin property |
Bottom Margin |
Bottom margin |
bottomMargin |
Character |
Yes |
Yes |
As size in CSS margin property |
1 See accessing control properties from scripts
set PANEL1.allMargin = '10px';
set TEXT1.leftPadding = '2px';