mj-divider
Displays a horizontal divider that can be customized like a HTML border.
<mjml>
<mj-body>
<mj-section>
<mj-column>
<mj-divider border-width="1px" border-style="dashed" border-color="lightgrey" />
</mj-column>
</mj-section>
</mj-body>
</mjml>Attributes
| attribute | accepts | description | default value |
|---|---|---|---|
| align | left center right |
horizontal alignment | center |
| border-color | CSS color formats | divider color | #000000 |
| border-style | string | CSS values, e.g. dashed dotted solid |
solid |
| border-width | px |
divider's border width | 4px |
| container-background-color | CSS color formats | inner element background color | |
| css-class | string | class name, added to the root HTML element created | |
| padding | px % |
divider padding, supports up to 4 parameters | 10px 25px |
| padding-bottom | px % |
divider bottom padding | |
| padding-left | px % |
divider left padding | |
| padding-right | px % |
divider right padding | |
| padding-top | px % |
divider top padding | |
| width | px % |
divider width | 100% |