Padding and Margin Styling Properties

 

Documentation home

 

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.

 

Properties

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';