4.15.15 • Published 10 months ago

netkin-mjml-image v4.15.15

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

mj-image

Displays a responsive image in your email. It is similar to the HTML <img /> tag. Note that if no width is provided, the image will use the parent column width.

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-image width="300px" src="https://www.online-image-editor.com//styles/2014/images/example_image.png" />
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>
attributeunitdescriptiondefault value
alignpositionimage alignmentcenter
altstringimage description''
borderstringcss border definitionnone
border-topstringcss border definitionnone
border-bottomstringcss border definitionnone
border-leftstringcss border definitionnone
border-rightstringcss border definitionnone
border-radiuspxborder radiusn/a
container-background-colorcolorinner element background colorn/a
css-classstringclass name, added to the root HTML element createdn/a
fluid-on-mobilestringif "true", will be full width on mobile even if width is setn/a
heightpximage heightauto
hrefurllink to redirect to on clickn/a
namestringspecify the link name attributen/a
paddingpxsupports up to 4 parameters10px 25px
padding-bottompxbottom offsetn/a
padding-leftpxleft offsetn/a
padding-rightpxright offsetn/a
padding-toppxtop offsetn/a
relstringspecify the rel attributen/a
sizesmedia query & widthset width based on queryn/a
srcurlimage sourcen/a
srcseturl & widthenables to set a different image source based on the viewportn/a
targetstringlink target on click_blank
titlestringtooltip & accessibilityn/a
usemapstringreference to image map, be careful, it isn't supported everywheren/a
widthpximage widthparent width
4.15.12

10 months ago

4.15.14

10 months ago

4.15.13

10 months ago

4.15.15

10 months ago

4.15.11

10 months ago

4.15.10

10 months ago

4.15.3

10 months ago