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>
| attribute |
unit |
description |
default value |
| align |
string |
left/right/center |
center |
| border-color |
color |
divider color |
#000000 |
| border-style |
string |
dashed/dotted/solid |
solid |
| border-width |
px |
divider's border width |
4px |
| container-background-color |
color |
inner element background color |
n/a |
| css-class |
string |
class name, added to the root HTML element created |
n/a |
| padding |
px |
supports up to 4 parameters |
10px 25px |
| padding-bottom |
px |
bottom offset |
n/a |
| padding-left |
px |
left offset |
n/a |
| padding-right |
px |
right offset |
n/a |
| padding-top |
px |
top offset |
n/a |
| width |
px/percent |
divider width |
100% |