subtechild

Playful Technology & Design.

tableにrulesを追加して内側の線の表示を変える

書いた

qiita.com

table rules=""

table要素にrules=""を追加し、内側の線の表示を変えることができる。

実例

<table rules="none"> --- </table>

rules属性と値

属性 説明
rules="" noen 表示なし
rows 横のみ表示
cols 縦のみ表示
groups グループ間のみ
all 全て表示

※何も指定しない場合rules="none"と同じ表示なしになる

border属性との関係

tableタグにborder属性を1以上指定した時点で、同時に rules="all"を指定したと同じとなる。

また、そこにrules属性を加えると、その指定が優先される。