CSS - justify-content
概要
属性名 | justify-content |
---|---|
値 |
[CSS-FLEXBOX-1] flex-start | flex-end | center | space-between | space-around [CSS-ALIGN-3] normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ] |
値の詳細 |
<content-distribution> = space-between | space-around | space-evenly | stretch <overflow-position> = unsafe | safe <content-position> = center | start | end | flex-start | flex-end |
初期値 | [CSS-FLEXBOX-1] flex-start [CSS-ALIGN-3] normal |
適用可能要素 | [CSS-FLEXBOX-1] フレックスコンテナ [CSS-ALIGN-3] フレックスコンテナ、グリッドコンテナ、マルチカラムコンテナ |
継承 | 継承しない |
サポート (説明)
説明
「フレックス・グリッドのレイアウト」を参照してください。
リンク
- https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content
- https://www.w3.org/TR/css-align-3/#propdef-justify-content
- https://developer.mozilla.org/ja/docs/Web/CSS/justify-content
- https://caniuse.com/#search=justify-content
Copyright (C) 2015-2020 杜甫々
初版:2015年11月22日、最終更新:2020年1月5日
https://www.tohoho-web.com/css/prop/justify-content.htm