■　枠線内の文字の位置を調整するとは？

　　　表の中の文字は，下の表示のように「窮屈そうに枠の中に収まって」いる。


南陽市
上山市
米沢市
鶴岡市

　　　
　　　やや，ゆとりがないので枠線から距離を置きたいときに使うテクニック。

■　ｃｅｌｌｐａｄｄｉｎｇオプションを使う

　　　ｐａｄｄｉｎｇとは「詰める」ことを意味する。

　　　　つまり，セルの幅を詰めるオプションがｃｅｌｌｐａｄｄｉｎｇオプション。

　　　デフォルト（標準値）は「１」である。

■　table border cellpadding=1  で指定した記述例と表示例

　　　＜table border cellpadding=1＞
　　　＜tr＞＜td＞南陽市＜/td＞＜td＞上山市＜/td＞＜/tr＞
　　　＜tr＞＜td＞米沢市＜/td＞＜td＞鶴岡市＜/td＞＜/tr＞
      ＜/table＞


南陽市
上山市
米沢市
鶴岡市

　　　　　　　　＊　一番上の表と全く同じに表示されている。

■　table border cellpadding=8  で指定した記述例と表示例

　　　＜table border cellpadding=8＞
　　　＜tr＞＜td＞南陽市＜/td＞＜td＞上山市＜/td＞＜/tr＞
　　　＜tr＞＜td＞米沢市＜/td＞＜td＞鶴岡市＜/td＞＜/tr＞
      ＜/table＞


南陽市
上山市
米沢市
鶴岡市

　　　　＊　指定値＝８　にした。枠線は変わらず同じ太さであるが，枠中の文字と

　　　　　　　枠線の間にゆとりが出来ていることが分かる。

■　様々な「表のパターン」の記述例と表示例
      
　　　�@　ｔａｂｌｅ　ｂｏｒｄｅｒ＝１（デフォルト）のとき


南陽市
上山市
米沢市
鶴岡市

　　　�A　ｔａｂｌｅ　ｂｏｒｄｅｒ＝８　を指定したとき


南陽市
上山市
米沢市
鶴岡市

　　　�B　table border cellspacing=8　を指定したとき


南陽市
上山市
米沢市
鶴岡市

　　　�C　table border cellpadding=8　を指定したとき


南陽市
上山市
米沢市
鶴岡市

　　　�D　table border=8
　　　　　table border cellspacing=8
　　　　　table border cellpadding=8　の３条件を指定したとき


南陽市
上山市
米沢市
鶴岡市




何かありましたら こちらの掲示板で 質疑応答をどうぞ

|テーブルの目次へ|   |総合目次へ|


[PR]当たる！無料占いで仕事鑑定:大人気！無料占い『ｽﾋﾟﾘﾁｭｱﾙの館』