---
title: Margin
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/margin
---

# Margin

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

## Declaration

```data
object Margin
```

## 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.

## Mentioned in

Positioning the Content in Your Article

## Discussion

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. You can use this object 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](applenews/planning-the-layout-for-your-article.md)
- [Positioning the Content in Your Article](applenews/positioning-the-content-in-your-article.md)
- [Wrapping Text Around a Component](applenews/wrapping-text-around-a-component.md)
- [Layout](applenewsformat/layout.md)
- [ComponentLayout](applenewsformat/componentlayout.md)
- [Anchor](applenewsformat/anchor.md)
- [AutoPlacementLayout](applenewsformat/autoplacementlayout.md)
- [AdvertisingLayout](applenewsformat/advertisinglayout.md)