css - インライン css のみを使用して表のセルの境界線を操作する

Question

作成したテーブルの境界線のプロパティを変更する必要がありますが、スタイルシートを編集できず、ページの HTML のみを編集できるコンテンツ管理システムの背後で操作しています。

したがって、 を使用していくつかのテーブル プロパティを操作できます<table style="....">が、border属性を使用すると、個々のセル間に存在する境界線ではなく、外側の境界線にのみ影響します。

<table>明らかに、タグに HTML ルールを追加できます<table border="1px">が、これらは境界線に影響を与える外部スタイルシートを上書きしないため、インライン CSS ソリューションが必要です。

セル間の境界線を変更する唯一の方法は、それぞれに境界線プロパティを手動で追加するtdことですか、それとも何かを見逃していますか?

ご協力いただきありがとうございます、

Answer 1

「セル間の境界線を変更する唯一の方法は、各 td に境界線プロパティを手動で追加することだけですか?」

はい。

スタイルタグを追加できない場合:

<style>
table td {...}
</style>

もちろん、常に JavaScript があります。jQuery:

$('table td').css('border', '1px solid red');

Answer 2

html を使用できるので、スタイルシートを挿入してtd要素をターゲットにすることができます。
ページ内の他のテーブルを台無しにしないように、クラスを追加する必要があります

<table class="some-class">..

と

<style type="text/css">
  table.some-class td{
      border:1px solid black;
  }
</style>

Answer 3

<style>
table { border: 1px solid red; }
td { border: 1px solid red; }
</style>
<table border="1" cellpadding="2" cellspacing="0" width="50%">
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
</table>