DOM

HTMLTableElementインターフェイス

rules プロパティ

  編集:2022.03.11 by T.A.

MS

そのテーブル内のボーダーの表示位置の設定/取得をします。

構文
rules= table.rules
table HTMLTableElement

次の文字列の何れかになります。

none ボーダーを表示しない
groups グループ間にのみボーダーを表示
rows 行間にボーダーを表示
cols 列間にボーダーを表示
all 全てのセル間にボーダーを表示
¶""(ヌル) ¶ボーダーは表示しないが空間はある(初期値)
// テーブルの全てのボーダーを表示する例

var t = document.getElementById("TableID"); // table 要素への参照を変数に代入

t.rules = "all"; // テーブルの rules プロパティに "all" を設定

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: