menu
menu

キーワード検索

vertical-align(画像)【CSSリファレンス】

  • CSS

vertical-align

こんにちは(・∀・)

 CSSプロパティのご紹介です。今回ご紹介するCSSプロパティは画像で使用する場合のvertical-alignです。

概要

 vertical-alignプロパティを使用して縦方向の位置を指定します。



.sample {
	vertical-align: middle;
}
適用要素

 インライン要素・th要素・td要素

指定できる値
baseline
親要素のベースラインに揃えます。
top
要素の上位置に揃えます。
middle
要素の中心位置に揃えます。
bottom
要素の下位置に揃えます。
text-top
フォントの上位置に揃えます。
text-bottom
フォントの下位置に揃えます。
super
上付き文字で表示。
sub
下付き文字で表示。
数値
数値+単位、%値。

 *th要素、td要素は、text-top、text-bottom、super、subは無効です。

初期値

 baseline

サンプルデモ

WEBデザインラボ bottomに設定

HTML

<p><img src="slogo.png" alt="WEBデザインラボ">bottomに設定</p>
CSS

img {
	vertical-align: bottomに設定;
}
  • カテゴリー:CSS