img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

frame属性とrules属性


外枠線を部分的に表示

  ie6 nn7 op8

■ frame属性

frameは表の外枠表示に関する属性です。
<table frame="属性値">で、テーブルの外枠表示を部分的に表示・非表示できます。

属性値 表示結果 sample 属性値 表示結果 sample
frame="void" 全ての外枠線を
非表示
左上 右上
左下 右下
frame="lhs" 左側の外枠線を
表示
左上 右上
左下 右下
frame="above" 上側の外枠線を
表示
左上 右上
左下 右下
frame="rhs" 右側の外枠線を
表示
左上 右上
左下 右下
frame="below" 下側の外枠線を
表示
左上 右上
左下 右下
frame="box" 全ての外枠線を
表示
左上 右上
左下 右下
frame="hsides" 上下の外枠線を
表示
左上 右上
左下 右下
frame="border" 全ての外枠線を
表示
左上 右上
左下 右下
frame="vsides" 左右の外枠線を
表示
左上 右上
左下 右下

<table>タグに frame="属性値"を追加してください。
ブラウザ・バージョンによって見え方が異なります。




内枠線を部分的に表示

  ie6 nn7 op8

■ rules属性

rulesは表の内枠表示に関する属性です。
<table rules="属性値">で、テーブルの内枠表示を部分的に表示・非表示できます。

属性値 表示結果 sample 属性値 表示結果 sample
rules="none" 全ての内枠線を
非表示
左上 右上
左下 右下
rules="cols" 列の枠線を
表示
左上 右上
左下 右下
rules="all" 全ての内枠線を
表示
左上 右上
左下 右下
rules="rows" 行の枠線を
表示
左上 右上
左下 右下
rules="groups" グループ化した行や
列の枠線を表示
左上 中上 右上
左中 中中 右中
左下 中下 右下

<table>タグに rules="属性値"を追加してください。
ブラウザ・バージョンによって見え方が異なります。





frame + rules

  ie6 nn7 op8

■ frame属性とrules属性を両方指定する

属性値 表示結果 sample 属性値 表示結果 sample
frame="void"
rules="none"
外枠・内枠を
非表示
左上 右上
左下 右下
frame="lhs"
rules="none"
左外枠のみ
表示
左上 右上
左下 右下
frame="above"
rules="none"
上外枠のみ
表示
左上 右上
左下 右下
frame="rhs"
rules="none"
右外枠のみ
表示
左上 右上
左下 右下
frame="below"
rules="none"
下外枠のみ
表示
左上 右上
左下 右下
frame="void"
rules="cols"
外枠線非表示
列の枠線を表示
左上 右上
左下 右下
frame="hsides"
rules="none"
上下外枠のみ
表示
左上 右上
左下 右下
frame="void"
rules="rows"
外枠線非表示
行の枠線を表示
左上 右上
左下 右下
frame="vsides"
rules="none"
左右外枠のみ
表示
左上 右上
左下 右下
frame="void"
rules="all"
外枠線非表示
内枠線のみ表示
左上 右上
左下 右下

<table>タグに frame="属性値" rules="属性値"を追加してください。
ブラウザ・バージョンによって見え方が異なります。