開設２００日記念！テーブルタグ表記２

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

遅くなりましたが開設２００日記念として
テーブルタグについての新しい情報を公開します！

テーブルの外枠の線を
それぞれのキーワードを使用すると指定した通りに表示します
最初のテーブルタグの括弧の中に入れます。
●タグ表記例●
<table boder="1" frame="キーワード"><tr><td>～

キーワード	指定する所
hsides→	外枠の上下だけを表示する
vsides→	外枠の左右だけを表示する
above→	外枠の上だけを表示する
below→	外枠の下だけを表示する
lhs→	外枠の左だけを表示する
rhs→	外枠の右だけを表示する
void→	外枠をすべて非表示する
box→	外枠をすべて表示する

要するに指定する外枠の線の所だけ
表示してその他の線を非表示にするということ

下記のテーブル実行例が元です。

１２３

４５６

上記の指定するキーワード通りにした実行例です。

～★hsides→外枠の上下だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="hsides"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★vsides→外枠の左右だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="vsides"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★above→外枠の上だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="above"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★below→外枠の下だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="below"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★lhs→外枠の左だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="lhs"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★rhs→外枠の右だけを表示する★～

●タグ表記例●
<table border="2" width="10%" frame="rhs"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★void→外枠をすべて非表示する★～

●タグ表記例●
<table border="2" width="10%" frame="void"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★box→外枠をすべて表示する（元と同じ）★～

●タグ表記例●
<table border="2" width="10%" frame="box"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

上記とは反対に内側の線に関しての情報です！

テーブルの内側の線を
それぞれのキーワードを使用すると指定した通りに表示します
最初のテーブルタグの括弧の中に入れます。
●タグ表記例●
<table boder="1" rules="キーワード"><tr><td>～

キーワード	指定する所
all→	内側の線を全部表示する
rows→	内側の行ごとの線をを非表示する
cols→	内側の列ごとの線をを非表示する
none→	内側の全部の線をを非表示する
groups→	内側の？の線をを非表示する
basic→	内側のすべての線を表示する

要するに指定する内側の線の所だけ
非表示してその他の線を表示にするということ

下記のテーブル実行例が元です。

１２３

４５６

上記の指定するキーワード通りにした実行例です。

～★all→内側の線を全部表示する（元と変わりません）★～

●タグ表記例●
<table border="2" width="10%" rules="all"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★rows→内側の行ごとの線をを非表示する★～

●タグ表記例●
<table border="2" width="10%" rules="rows"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★cols→内側の列ごとの線をを非表示する★～

●タグ表記例●
<table border="2" width="10%" rules="cols"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★none→内側の全部の線をを非表示する★～

●タグ表記例●
<table border="2" width="10%" rules="none"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

～★groups→内側の？の線をを非表示する（１つ上の全部の線を非表示とかわりない）★～

●タグ表記例●
<table border="2" width="10%" rules="groups"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>

１	２	３
４	５	６

よく分からないキーワードですが、存在しています。

～★basic→内側のすべての線を表示する（元と同じ）★～

●タグ表記例●
<table border="2" width="10%" rules="basic"><tr><td>１</td><td>２</td><td>３</td></tr><tr><td>４</td><td>５</td><td>６</td></tr></table>