ウェブランサー

align-content - flexコンテナ内の縦に余白がある場合にflexアイテムの並べ方を指定する

取り扱い CSS3から追加された要素
適用可能 複数行のflexコンテナ
継承 しない
対応ブラウザ align-contentの対応状況を確認する

align-contentプロパティの説明

align-contentは、フレキシブルボックス(Flexible box)でレイアウトを組む場合に用いるプロパティです。flexコンテナ内に縦の余白がある場合に、flexアイテムの並び方を指定します。これは、内包するflexアイテムが複数行に渡る場合に、flexコンテナの副軸(cross-axis)に作用します。align-contentはCSS3で追加されたプロパティです。

align-contentの詳細

更新準備中です。

align-contentに関連するCSSプロパティ

カラム・レイアウト関連
align-content flexコンテナ内の縦に余白がある場合にflexアイテムの並べ方を指定する
align-items flexコンテナ内に含まれる全てのflexアイテムに対して揃える位置を指定する
align-self flexコンテナ内にあるflexアイテムの位置揃えを個別に指定する
box-flex flexboxコンテナの伸縮比率を指定する
box-flex-group flexboxコンテナにグループを割り当てて伸縮の優先順位を指定する
column-count カラム数を指定する
column-fill カラム同士の高さ(長さ)を揃えるかどうかを指定する
column-gap カラムの間隔を指定する
column-rule カラムの区切り線のスタイル・幅・色を指定する
column-rule-color カラムの区切り線の色を指定する
column-rule-style カラムの区切り線のスタイルを指定する
column-rule-width カラムの区切り線の幅を指定する
column-span 要素がまたがる(横切る)カラム数を指定する
column-width カラム幅を指定する
columns カラム幅とカラム数を指定する
flex flexbox内のアイテムの伸縮に関する指定をまとめて行う
flex-basis flexbox内のアイテムの固定幅を指定する
flex-direction flexbox内のアイテムの並び順を指定する
flex-flow flexbox内のアイテムの並び順と折り返しの指定をまとめて行う
flex-grow flexbox内のアイテムの伸びる倍率を指定する
flex-shrink flexbox内のアイテムの縮む倍率を指定する
flex-wrap flexboxに入り切らないアイテムの折り返し方法について指定する
justify-content flexboxコンテナ内でのボックスの詰め方を指定する
order flexbox内のボックスの配置順序を指定する