4.9.3 • Published 3 years ago

mjml-section-node6 v4.9.3

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

mj-section

Sections are intended to be used as rows within your email. They will be used to structure the layout.

<mjml>
  <mj-body>
    <mj-section full-width="full-width" background-color="red">
      <!-- Your columns go here -->
    </mj-section>
  </mj-body>
</mjml>

The full-width property will be used to manage the background width. By default, it will be 600px. With the full-width property on, it will be changed to 100%.

attributeunitdescriptiondefault value
background-colorcolorsection colorn/a
background-positionpercent / 'left','top',... (2 values max)css background position (see outlook limitations below)top center
background-position-xpercent / keywordcss background position xnone
background-position-ypercent / keywordcss background position ynone
background-repeatstringcss background repeatrepeat
background-sizepx/percent/'cover'/'contain'css background sizeauto
background-urlurlbackground urln/a
borderstringcss border formatnone
border-bottomstringcss border formatn/a
border-leftstringcss border formatn/a
border-radiuspxborder radiusn/a
border-rightstringcss border formatn/a
border-topstringcss border formatn/a
css-classstringclass name, added to the root HTML element createdn/a
directionltr / rtlset the display order of direct childrenltr
full-widthstringmake the section full-widthn/a
paddingpxsupports up to 4 parameters20px 0
padding-bottompxsection bottom offsetn/a
padding-leftpxsection left offsetn/a
padding-rightpxsection right offsetn/a
padding-toppxsection top offsetn/a
text-alignstringcss text-aligncenter