---
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>