CSS3

プロパティ

vertical-align

  編集:2022.07.08 by T.A.

mdn

直交方向のボックス整列: 略式プロパティ。

名前 vertical-align
[first | last] || <'alignment-baseline'> || <'baseline-shift'>
初期値 baseline
適用対象 個々のプロパティを見よ
継承 されない
百分率 受容しない
算出値 個々のプロパティを見よ
正準的順序 文法に従う
アニメーション型 個々のプロパティを見よ

この略式プロパティは、単独の宣言内で次を指定することにより、当の行内レベルのボックスが 行の中でどう整列されるかを指定する:

整列基底線の種別( alignment-baseline )、
基底線整列選好baseline-source )、
整列後のずらしbaseline-shift

firstlast]は、baseline-source を設定する ─ 指定されていない場合、baseline-source は auto に設定し直される【この略式プロパティには、auto は明示的に指定できない】。他の値は、対応する下位プロパティ用の値を与える。

作者は、下位プロパティの代わりに,この略式プロパティ(vertical-align)を利用するべきである ─ 次のいずれかに該当しない限り:

下位プロパティを独立にカスケードさせるため必要になる/

(SVG 要素に対し)旧来の SVG 実装をサポートする

注記: vertical-align は、テーブル cell の整列 ─ 具体的には、テーブル cell の align-content に対する normal のふるまい【以下略】 ─ にも影響し得る。[CSS-ALIGN-3] § ブロック コンテナ(テーブル cell も含む) を見よ。


HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: