今週のおさらい < 目次 << Home

■ テーブルにおける枠線の表示

table要素の中で記述する枠線を表示する属性の表示結果を示しています。

border属性における枠線表示

以下のテーブルは1ピクセル分の太さを設定しています。
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点

frame属性における枠線表示

frame属性の値は above (テーブル全体の上側のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は below (テーブル全体の下側のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は hsides (テーブル全体の上下のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は lhs (テーブル全体の左側のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は rhs (テーブル全体の右側のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は vsides (テーブル全体の左右のみ枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は box (テーブル全体の上下左右に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
frame属性の値は border (テーブル全体の上下左右に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop

rules属性における枠線表示

rules属性の値は groups (thead、tbody、tfoot、colgroup などの境界線に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
最初の横列(行)を thead としてグループ化しています。ここは tfoot です。
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
rules属性の値は rows (横列の境界線に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
rules属性の値は cols (縦列の境界線に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点
PageTop
rules属性の値は all (すべての境界線に枠線を表示)
氏名国語数学英語 歴史小計平均点備考
田中さん60点65点73点 40点238点59.5点追試
鈴木さん84点46点90点 68点288点72点合格
中村さん48点82点55点 50点235点58.8点追試
ばんばん24点30点25点 5点79点19.8点落第
平均点54点56点60点 41点210点52.5点