CSS Flexible Box Layout プロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

2018-07-08 css

ページコンテンツ

• ▼Flexible Box Layout プロパティ 一覧
• ▼ プロパティ Flexible Box Layout プロパティ 一覧

Flexible Box Layout プロパティ 一覧

プロパティ Flexible Box Layout プロパティ 一覧

Flexible Box Layout プロパティ 一覧値	Flexible Box Layout プロパティ 一覧内容 説明
align-content 詳細 情報align-content 例 プロパティ 使い方 コード	align-contentとは、 フレキシブルコンテナ内のフレキシブルコンテナのアイテムの配置を指定する事ができる。
align-items 詳細 情報align-items 例 プロパティ 使い方 コード	align-itemsとは、 フレックスコンテナ内のアイテムのデフォルトの配置を指定する事ができる。
align-self 詳細 情報align-self 例 プロパティ 使い方 コード	align-selfとは、 フレックスコンテナ内の選択されたアイテムの配置を指定する事ができる。
flex 詳細 情報flex 例 プロパティ 使い方 コード	flexとは、 柔軟な長さのコンポーネントを指定する事ができる。
flex-basis 詳細 情報flex-basis 例 プロパティ 使い方 コード	flex-basisとは、 フレックスアイテムの初期メインサイズを指定する事ができる。
flex-direction 詳細 情報flex-direction 例 プロパティ 使い方 コード	flex-directionとは、 フレキシブルアイテムの方向を指定する事ができる。
flex-flow 詳細 情報flex-flow 例 プロパティ 使い方 コード	flex-flowとは、 the flex-directionとプロパティの省略表現のflex-wrapプロパティ。
flex-grow 詳細 情報flex-grow 例 プロパティ 使い方 コード	flex-growとは、 フレックスアイテムがフレックスコンテナ内の他のアイテムに対してどのように拡大するかを指定する事ができる。
flex-shrink 詳細 情報flex-shrink 例 プロパティ 使い方 コード	flex-shrinkとは、 フレックスアイテムがフレックスコンテナ内の他のアイテムに対してどのように縮小するかを指定する事ができる。
flex-wrap 詳細 情報flex-wrap 例 プロパティ 使い方 コード	flex-wrapとは、 フレキシブルアイテムをラップするかどうかを指定する事ができる。
justify-content 詳細 情報justify-content 例 プロパティ 使い方 コード	justify-contentとは、 フレキシブルな長さと自動余白が解決された後、フレックスアイテムがフレックスコンテナの主軸に沿ってどのように整列するかを指定する事ができる。
order 詳細 情報order 例 プロパティ 使い方 コード	orderとは、 フレックスアイテムが表示され、フレックスコンテナ内に配置される順序を指定する事ができる。