Встроенный стиль границы игнорируется на ‹table› в Outlook

По сути, это <table style="border: 1px solid #000000">, который должен поставить небольшую рамку вокруг всей таблицы. Прекрасно смотрится в любом другом почтовом клиенте, кроме Outlook 2016. Каждая граница находится на уровне <td>, но не внешняя граница у тега <table>.

border-top: 1px solid #000000 также имеет ту же проблему.

Атрибут HTML <table border="1"> не будет работать в моем случае, потому что он слишком толстый.

Кроме того, вот все атрибуты в этом теге таблицы на случай, если они могут вызвать проблему:

<table
  class="module"
  role="module"
  data-type="code"
  border="0"
  cellpadding="0"
  cellspacing="0"
  width="100%"
  style="table-layout: fixed;border: 1px solid #000000;"
>

Я закончил тем, что просто использовал <table style="border-collapse: collapse"> и <td style="border: 1px solid #0000000">, которые работали нормально, но мне просто любопытно, что у меня было изначально.


html css html-email outlook-2016
person cjones    schedule 04.09.2019    source источник
comment
Я не смог найти на это однозначного ответа. Судя по всему, до 2017 года все еще существует огромное количество почтовых клиентов, которые не очень хорошо справляются с границами. Похоже, что если вы хотите, чтобы границы появлялись, вам нужно сделать несколько странных обходных путей. Извините, я не смог дать вам четкого ответа, это одна из тех вещей, которые все реализуют по-разному, потому что они не являются спецификацией, говорящей, как это должно быть сделано.   -  person Chris    schedule 05.09.2019

Ответы (1)


arrow_upward
0
arrow_downward 

 <table cellspacing='0' cellpadding="0" border="1" bordercolor="red">
    <tr>
        <td>
            Lorem Ipsum dummy text~
        </td>
    </tr>
</table>

введите описание изображения здесь

У меня это сработало. попробуйте использовать и то, и другое в коде стиля и внешнего вида. Надеюсь, это сработает

person nazifa rashid    schedule 11.09.2019