このページの短縮URL(リンク用) §07-09…行内の上下寄せ{vertical-align} – オンライン無料パソコン講座 | PCセミナー

§07-09…行内の上下寄せ{vertical-align}

(01) class属性が「midasi」であるtr内の文字を下に寄せましょう。上下の配置を指定するには「vertical-align」プロパティを指定します。値には「top(上寄せ)」「bottom(下寄せ)」が使えます。「tr.midasi」に関するCSSを以下のように更新してからブラウジングしましょう。

tr.midasi{
height:4em;
vertical-align:bottom;
}

(02) 「vertical-align」プロパティに使用できる値は以下の通りです。

意味
middle 中心に揃える
top 上に揃える
bottom 下に揃える