--- title: Flex アイテム slug: Glossary/Flex_Item tags: - CSS - Glossary - flex item - flexbox translation_of: Glossary/Flex_Item --- <p>{{glossary("Flex Container")}} (<code>display: flex</code> または <code>display: inline-flex</code> が設定された要素) の直下の子要素が<strong>「flex アイテム」</strong>となります。</p> <p>Flex コンテナ内で直下に続くテキストも flex アイテムになります。</p> <h2 id="関連項目">関連項目</h2> <h3 id="プロパティリファレンス">プロパティリファレンス</h3> <div class="index"> <ul> <li>{{cssxref("align-self")}}</li> <li>{{cssxref("flex-basis")}}</li> <li>{{cssxref("flex-grow")}}</li> <li>{{cssxref("flex-shrink")}}</li> <li>{{cssxref("order")}}</li> </ul> </div> <h3 id="参考文献">参考文献</h3> <ul> <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li> <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> </ul>