| 説明 | ||||
| TABLEタグで作成する表のセルの設定を行ないます。TDタグと同じように使用しますが、表示するセルの内容に対し、センタリング・太字処理を行ないます。 | ||||
| オプション | ||||
| HEIGHT= "☆" --> 表の縦幅を指定します。 | ||||
|
● ☆ = pixel,%
pixel = ピクセル数（ピクセルとは、ディスプレイ画面の解像度の単位） % = パーセント（割合） |
||||
| WIDTH = "☆" --> 表の横幅を指定します。 | ||||
|
● ☆ = pixel,%
pixel = ピクセル数（ピクセルとは、ディスプレイ画面の解像度の単位） % = パーセント（割合） |
||||
| BGCOLOR = "☆" --> セルの背景色を指定します。 | ||||
|
● ☆ = #RRGGBB,colorname
#RRGGBB = 16進数 X 6桁による色指定 colorname = 「WHITE」、「BLACK」など、色の名称による指定（使用できないブラウザもあります。） |
||||
| ALIGN = "☆" --> セル内のテキストの位置を指定します。（左右） | ||||
|
● ☆ = LEFT,CENTER,RIGHT
LEFT = 左寄せ （CENTER = センタリング） RIGHT = 右寄せ |
||||
| VALIGN = "☆" --> セル内のテキストの位置を指定します。（上下） | ||||
|
● ☆ = TOP,MIDDLE,BOTTOM
TOP = テキストを上部に合わせて表示します。 MIDDLE = テキストを中央に合わせて表示します。 BOTTOM = テキストを下部に合わせて表示します。 |
||||
| COLSPAN = "☆" --> セルを横方向に結合します。 | ||||
|
● ☆ = num
num = 結合するセルの数を指定します。 |
||||
| ROWSPAN = "☆" --> セルを縦方向に結合します。 | ||||
|
● ☆ = num
num = 結合するセルの数を指定します。 |
||||
| 使用例 | ||||
| ☆★セルの横幅を指定したい!!★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH WIDTH = "300"> 幅を指定したよ!! </TH> </TR> </TABLE> ● 表示結果
|
||||
| ☆★セルの縦幅を指定したい!!★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH HEIGHT = "100"> 幅を指定したよ!! </TH> </TR> </TABLE> ● 表示結果
|
||||
| ☆★セルの背景色を指定したい!!★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH WIDTH = "300" BGCOLOR = "#FF0000"> 背景色を指定したよ!! </TH> </TR> </TABLE> ● 表示結果
|
||||
| ☆★テキストの位置を指定したい!!★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH WIDTH = "300" ALIGN = "RIGHT"> テキストを右寄せにしたよ!! </TH> </TR> </TABLE> ● 表示結果
|
||||
| ☆★セルを結合したい!!（横）★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH COLSPAN = "2"> 結合結合結合 </TH> </TR> <TR> <TH WIDTH = "300"> 結合結合結合 </TH> <TH WIDTH = "300"> 結合結合結合 </TH> </TR> </TABLE> ● 表示結果
|
||||
| ☆★セルを結合したい!!（縦）★☆ | ||||
|
● 用意するもの
なし ● 設定方法 <TABLE BORDER="2"> <TR> <TH ROWSPAN = "2"> 結合結合結合 </TH> <TH WIDTH = "300"> 結合結合結合 </TH> </TR> <TR> <TH WIDTH = "300"> 結合結合結合 </TH> </TR> </TABLE> ● 表示結果
|
||||