I'm creating email templates and I've found this CSS support guide but box-sizing
is not on there. I'm wondering if that CSS property is even supported, and if it is, which email client(s) support it.
The box-sizing property allows us to include the padding and border in an element's total width and height. If you set box-sizing: border-box; on an element, padding and border are included in the width and height: Both divs are the same size now!
Email templates can contain content substitutes, such as e-marketing, links, unique codes of special offers, and the name and surname of the client (i.e., user-specific information). When sending messages, the server substitutes the actual content for the replacements.
The box-sizing CSS property sets how the total width and height of an element is calculated.
No it's not supported. A simple google search will tell you:
Yahoo mail supports it according to: https://www.campaignmonitor.com/blog/post/3107/css3-support-in-email-clients/
for many other css properties you can use following tables/resources as a reference: https://www.campaignmonitor.com/css/
(i have no affiliation with campaignmonitor, i just keep above urls for reference)
box-sizing
is now supported by Gmail which vastly increases the audience it applies to.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With