19. セルの連結

CHECK POINTS
<TH><TD>ColspanRowspanAlignValigntext-alignvertical-align
■セル内データの位置

★ 実行例 [19-1]:「セル内データ位置」
あAy123CenterRight TopBottom
あAy123 Baseline Top Middle Bottom

あAy123 Baseline Sub Super Top Text-top Middle Bottom Text-bottom Plus Minus

19-1.html
<HTML> <HEAD> <TITLE>HTML 4.01 WORKBOOK</TITLE> <STYLE type="text/css"> TABLE {border-color: Gray} P {font: 500 2.2em/2.3em inherit} SPAN {font-size: 0.35em} .Moji {font: 500 1.6em/2em inherit} .Baseline {vertical-align: baseline} .Sub {vertical-align: sub} .Super {vertical-align: super} .Top {vertical-align: top} .Text-top {vertical-align: text-top} .Middle {vertical-align: middle} .Bottom {vertical-align: bottom} .Text-bottom {vertical-align: text-bottom} .Plus {vertical-align: 0.25em} .Minus {vertical-align: -0.25em} </STYLE> </HEAD> <BODY> <TABLE Summary="セルの連結" Border="2" Cellspacing="2" Cellpadding="8"> <TR> <TD Class="Moji">あAy123</TD><TD Align="center">Center</TD><TD Align="right">Right</TD> <TD Valign="top">Top</TD><TD Valign="bottom">Bottom</TD> </TR> <TR> <TD Class="Moji">あAy123</TD> <TD Class="Baseline">Baseline</TD> <TD Class="Top">Top</TD> <TD Class="Middle">Middle</TD> <TD Class="Bottom">Bottom</TD> </TR> <TR> <TD Colspan="5"> <P>あAy123 <SPAN Class="Baseline">Baseline</SPAN> <SPAN Class="Sub">Sub</SPAN> <SPAN Class="Super">Super</SPAN> <SPAN Class="Top">Top</SPAN> <SPAN Class="Text-top">Text-top</SPAN> <SPAN Class="Middle">Middle</SPAN> <SPAN Class="Bottom">Bottom</SPAN> <SPAN Class="Text-bottom">Text-bottom</SPAN> <SPAN Class="Plus">Plus</SPAN> <SPAN Class="Minus">Minus</SPAN> </TD></TR> </TABLE> </BODY> </HTML>