５ |
表でもう少し凝ったレイアウトをしてみよう！ |
３． |
表の内側のスタイルを指定しよう！ |
| IE3 | IE4 | IE5 | IE6 |
これを使えば、今度は表の内側の罫線をいろいろなスタイルに変更できるんだよ。
|
||
|
■：スタイル指定 |
■のスタイルの指定には次のキーワードを入れてやろう。
| none | ：枠なし |
| all | ：全ての罫線 |
| rows | ：行間に罫線 |
| cols | ：列間に罫線 |
| ※groupes | ：行や列間の罫線を指定（今回は扱わない） |
このキーワードを指定すると、表の内側のどの線を表示して、どの線を表示しないかが指定できるんだ。
これを利用して、うまく表のデザインを考えてみてね。
| SOURCE |
| <HTML> <HEAD> <TITLE>テーブル</TITLE> </HEAD> <BODY> <TABLE
BORDER BORDERCOLOR=blue RULES="■"> ←■でスタイル指定
</BODY> |
これらを表示すると、
| RESULT | ||||||||||||||||||||||||||||||||||||
 のみ
↑noneに指定。内側に罫線がない。
↑allに指定。全ての罫線が表示される。
↑rowsに指定。行間に罫線が表示。
↑colsに指定。列間に罫線を表示。 |
このようになる。
これと前回の外枠と組み合わせると更にバリエーション豊かな表が作れるよ！
ここで応用編は終わりです
目次へ戻る
表の枠のスタイルを指定しよう！