Style justifyContent 属性
- 前のページ isolation
- 次のページ left
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用方法
項目が主軸（水平）上のすべての利用可能なスペースを使用していない場合、 justifyContent 属性がフレキシブルコンテナの項目をアライメントします。
ヒント：使用してください alignContent 属性が横軸（垂直）上で項目をアライメントします。
も参照してください：
CSS リファレンスマニュアル：justify-content 属性
例
フレキシブルな <div> 要素の項目間にスペースを確保します：
document.getElementById("main").style.justifyContent = "space-between";
文法
justify-content 属性を返す：
object.style.justifyContent
justify-content 属性を設定する：
object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| flex-start | デフォルト値。項目がコンテナの先頭に位置します。 |
| flex-end | 項目がコンテナの端に位置します。 |
| center | 項目がコンテナの中心に位置します。 |
| space-between | 行の間に項目にスペースを確保します。 |
| space-around | 行の前に、行の間、行の後に項目にスペースを確保します。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | この属性を親要素から継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | flex-start |
|---|---|
| 返り値： | 文字列、要素の justify-content 属性。 |
| CSS バージョン： | CSS3 |
ブラウザサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | 12.0 | サポート | 9.0 | サポート |
関連ページ
HTML DOM STYLE リファレンスマニュアル：alignContent 属性
HTML DOM STYLE リファレンスマニュアル：alignItems 属性
HTML DOM STYLE リファレンスマニュアル：alignSelf 属性
- 前のページ isolation
- 次のページ left
- 上一层に戻る HTML DOM Styleオブジェクト
