Object

Margin

The object for defining the space above and below a component.

Properties

bottom
*

The bottom margin in points, or with any of the units of measure for components. See Specifying Measurements for Components.

top
*

The top margin in points, or with any of the units of measure for components. See Specifying Measurements for Components.

Discussion

Use the margin object to specify top and bottom margins to designate space above and below a component. For information on the units, see Specifying Measurements for Components.

This object can be used in ComponentLayout and AutoPlacementLayout.

Example

{ "components": [ { "role": "header", "layout": "headerLayout", "components": [ { "role": "title", "text": "Article Title" } ] } ], "componentLayouts": { "headerLayout": { "margin": { "top": 50, "bottom": 50 } } }}

See Also

Article Layout

Planning the Layout for Your Article

Define a layout that supports the look you want for your article.

Positioning the Content in Your Article

Align article components with columns in your layout.

Wrapping Text Around a Component

Define the layout of a text component to wrap around another component.

object Layout

The object for defining columns, gutters, and margins for your article’s designed width.

object ComponentLayout

The object for defining the positioning for a specific component within the article’s column system.

object Anchor

The object for anchoring one component to another component in your article’s layout.

object ContentInset

The object for defining the space around the component content on one or more sides.

Deprecated
object AdvertisingLayout

The object for defining the margin above and below advertising components.

Deprecated
object AutoPlacementLayout

The object for defining the margin above and below advertising components.