表組み

Last-modified: 2021-10-22 (金) 19:12:03

 

 

マニュアル

|文字列1|文字列2|

行頭から | で文字列を区切ることで表組みになります。

  • 各要素の先頭に下記の記述子を指定できます。
    LEFT:
    CENTER:
    RIGHT:
    TOP:
    MIDDLE:
    BOTTOM:
    BGCOLOR(色):
    COLOR(色):
    SIZE(サイズ):
    ※要素の表示位置及び背景色・文字色・文字サイズ(px単位)を指定します。デフォルトは左寄せになります。
    ※記述子の後ろに数値を記述すると、セル幅がpx単位で指定できます。
  • 行末にcを記述すると、書式指定行となります。書式指定行では、次の記述子が指定できます。
  • 行末にhを記述すると、ヘッダ行(thead)になります。
  • 行末にfを記述すると、フッタ行(tfoot)になります。
  • セル内のインライン要素の先頭に~を付けると、ヘッダ(th)になります。
  • セル内に > を単独で記述すると右のセルと連結します(colspan)。
  • セル内に ~ を単独で記述すると上のセルと連結します(rowspan)。
  • 表組みは、他のブロック要素の子要素になることができます。
  • 表組みは、他のブロック要素を子要素にすることができません。

使用例

サンプル1

【書式】

|表組みの|各セルの要素の配置に|関するサンプル|
|COLOR(crimson):左寄せ|CENTER:センタリング |BGCOLOR(yellow):RIGHT:右寄せ|
|RIGHT:右寄せ|左寄せ|CENTER:センタリング|
|TOP:上寄せ&br;&br;|MIDDLE:中央寄せ|BOTTOM:下寄せ|

【表示】

表組みの各セルの要素の配置に関するサンプル
左寄せセンタリング右寄せ
右寄せ左寄せセンタリング
上寄せ

中央寄せ下寄せ

サンプル2

【書式】

|||CENTER:|COLOR(crimson):100|200|c
|~★★★|~☆☆☆|~★★★|~☆☆☆|~★★★|
|~あああ|BGCOLOR(Yellow):いいい|ううう|えええ|おおお|
|~|>|くくく|けけけ|RIGHT:こここ|f

【表示】

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
くくくけけけこここ

サンプルイロイロ

★★★☆☆☆★★★☆☆☆☆☆☆☆☆☆★★★
ああいいいうううえええええええええおおお
かかかきききくくくけけけけけけけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
かかかきききくくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
かかかきききくくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
かかかきききくくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
かかかきききくくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
かかかきききくくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいうううえええおおお
くくくけけけこここ

 

★★★☆☆☆★★★☆☆☆★★★
あああいいいおおお
かかかくくくけけけこここ

 

あああいいいおおお
かかかくくくけけけこここ

Tag: レイアウト