4.4.0-beta.2 • Published 5 years ago

mjml-section-anthill v4.4.0-beta.2

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

mjml-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-repeatstringcss background repeatrepeat
background-sizepercent/pxcss 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
directionstringltr / rtlltr
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
vertical-alignstringcss vertical-aligntop