<baseline-position>
<baseline-position> は列挙型の値型で、baseline キーワード値と first および last の修飾子を表し、align-content、align-items、align-self、justify-items、justify-self の各プロパティと、place-content、place-items、place-self の一括指定プロパティで使用されます。
first と last の値はボックスにベースライン配置の設定を指定します。修飾子が省略された場合、デフォルトは first です。
構文
<baseline-position> = [ first | last ]? && baseline
値
<baseline-position> 列挙型の値型は、オプションの first または last 修飾子と共に baseline 値を使用して指定されます。ボックスが共有配置コンテキストに属していない場合、代替配置が使用されます。代替配置は、その配置コンテナー内のベースライン共有グループを揃えるためにも使用されます。
baseline-
以下で定義されている
first baselineが計算値となります。 first baseline-
ボックスの最初のベースラインセットのベースライン配置を、ベースライン共有グループの対応するベースラインに合わせて配置します。代替配置は、自己配置の場合は
safe self-start、コンテンツ分配の場合はsafe startです。 last baseline-
ボックスの最後のベースラインセットのベースライン配置を、ベースライン共有グループの対応するベースラインに合わせて配置します。代替配置は、自己配置の場合は
safe self-end、コンテンツ分配の場合はsafe endです。
仕様書
| Specification |
|---|
| CSS Box Alignment Module Level 3 # typedef-baseline-position |
関連情報
- このデータ型を使用するプロパティ:
align-content,align-items,align-self,justify-items,justify-self,place-content,place-items,place-self - その他のボックス配置データ型:
<content-distribution>,<content-position>,<overflow-position>,<self-position> - CSS ボックス配置モジュール
- CSS フレックスボックスレイアウトモジュール
- CSS グリッドレイアウトモジュール