概要CSSプロパティ「vertical-align」は、テキストや画像などのインライン要素、またはテーブルセル要素の縦方向の表示位置を指定する際に使用します。このプロパティは「div」などのブロックレベル要素には適用できませんので、注意が必要です。指定できる値はキーワードや数値でも指定することができます。}指定できる値と説明の一覧です。インライン要素のみというのは、テーブルセルへの指定ができないことを意味しています。説明baseline初期値です。ベースラインに揃えますtop上端に揃えますmiddle中央に揃えますbottom下端に揃えますtext-topテキストの上端に揃えます(インライン要素のみ)text-bottomテキストの下端に揃えます(インライン要素のみ)super上付き文字として揃えます。(インライン要素のみ)sub下付き文字として揃えます。emなどの単位で指定した値の分だけ移動します。小数点やマイナスの値も指定可能ですパーセントベースラインを基準に移動パーセントの分だけ移動します。基準値はline-heightプロパティによる行ブロックの高さですまたベースラインとは以下の基準点を意味します。代表的な値の表示例です。画像とテキストの組み合わせで確認していきます。見出しやリスト要素などで、装飾アイコンとテキストの組み合わせるデザインなどで利用したケースです。1関連CSSプロパティbackface-visibilityvertical-alignuser-select@ルール@keyframesUI関連cursoroutlineoutline-offsetoutline-widthoutline-styleoutline-colorカウンターcounter-incrementcounter-resetテーブル(表)テキスト関連white-spacetext-transformtext-shadowtext-overflowtext-decorationtext-decoration-styletext-decoration-linetext-decoration-colortext-align-lasttext-indenttext-alignフィルター効果filterフォーマットline-heightletter-spacingフォント@font-facefontfont-size-adjustfont-stretchfont-familyfont-sizefont-variantfont-stylefont-weightフレックスボックスフロートclipfloatclearボックスモデルwidthheightmin-widthmin-heightmax-widthmax-heightvisibilitybox-sizingoverflowoverflow-yoverflow-xマージンmarginmargin-topmargin-rightmargin-bottommargin-leftpaddingpadding-toppadding-rightpadding-bottompadding-leftメディアクエリ@mediaリストlist-style-imagelist-style-typelist-style-positionlist-style変形transitiontransition-timing-functiontransition-propertytransition-delaytransition-durationtransformtransform-styletransform-origin段組みcolumnscolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-rulecolumn-spancolumn-fillcolumn-gapcolumn-widthcolumn-count罫線borderborder-styleborder-colorborder-widthborder-topborder-top-styleborder-top-colorborder-rightborder-top-widthborder-right-styleborder-right-colorborder-right-widthborder-bottomborder-bottom-styleborder-bottom-colorborder-bottom-widthborder-leftborder-left-styleborder-left-colorborder-left-widthborder-imageborder-image-sourceborder-image-widthborder-image-sliceborder-image-outsetborder-image-repeatborder-radiusborder-bottom-left-radiusborder-bottom-right-radiusborder-top-right-radiusborder-top-left-radius背景backgroundbackground-imagebackground-attachmentbackground-clipbackground-colorbackground-originbackground-repeatbackground-size色opacity色と透明度color装飾box-shadow記述法backface-visibilityvertical-alignuser-select配置displayrightlefttopbottompositionz-index「WWWクリエイターズ」は、より多くの人が開発とウェブを楽しむための目指したウェブサイトです。コマンドラインやgitなど、開発ビギナーのつまづきやすい部分を共有しています。})(jQuery);閉じる。