Почему не работает border-image в шаблоне почтовой рассылки?

Question

[Paul Gubanov]

Всем, доброго дня. Разбираюсь с шаблоном почтовой рассылки и никак не могу добиться отображения border-image в Яндекс.Почте и GMail. Вроде обе системы должны понимать это свойство, что я делаю не так?

<table cellpadding="0" cellspacing="0" border="0" align="center" width="610" style="background: #fff; border-style: solid; border-width: 5px; border-image: url(brdr2.png) 4 fill round; -moz-border-image: url(brdr2.png) 4 round; -webkit-border-image: url(brdr2.png) 4 round; -o-border-image: url(brdr2.png) 4 round;" bgcolor="#ffffff" class="content">
        <tr>
          <td style="padding:60px;" align="left"></td>
</tr>
</table>

update:

Так, на 50% стало понятно. Яндекс.Почта без тега border-collapse: initial; не хочет отображать бордюр. Для Яндекс рассчетный стиль такой:

element.style {
background: #fff;
border-collapse: initial;
border-style: solid;
border-width: 5px;
border-image: url(https://cache.mail.yandex.net/mail/3aacc3fbbf2a2e9b0c20d7326dce0594/spongecompany.ru/test/gosinvestmail/brdr2.png) 4 round round;
}

Gmail к сожалению border-image продолжает игнорировать.

Answer 1

[Paul Gubanov]

Так, на 50% стало понятно. Яндекс.Почта без тега border-collapse: initial; не хочет отображать бордюр. Для Яндекс рассчетный стиль такой:

element.style {
background: #fff;
border-collapse: initial;
border-style: solid;
border-width: 5px;
border-image: url(https://cache.mail.yandex.net/mail/3aacc3fbbf2a2e9b0c20d7326dce0594/spongecompany.ru/test/gosinvestmail/brdr2.png) 4 round round;
}

Gmail к сожалению border-image продолжает игнорировать.

Answer 2

[Юрий Лобанов]

Попробуйте убрать border="0"

Comments

[Paul Gubanov]

Не помогло к сожалению.ю

Answer 3

[Дима Паутов]

Ну понимать должны не системы, а браузер! Во вторых, может просто путь не правильно указан, либо почтовые системы обрезают некоторые стили! Попробуйте глянуть исходный код письма, может чего интересное найдете!

Comments

[Paul Gubanov]

Заглянул, вроде всё на местах. Браузер вырисовывает то что ему подсовывает почтовая система, которая может игнорировать или обрезать некоторые стили. Но и Я.Почта и GMail понимают border-image, а в коде письма присутствует ссылка на изображение бордюра, а он почему то продолжает прорисовываться как обычный.

[Дима Паутов]

У меня хром, вот что поучилось. Долго не думая я взял за основу аватарку пользователя "iiil"(Прошу прощения, если обидел)
jsfiddle.net/2uagzyxg

[Paul Gubanov]

@bootd ну тогда уже вот так jsfiddle.net/gubanovpa/55e5qqto/.