blob: 7f2bd9dccd1cceea7ff5b0ee912ab87ed0a0e256 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
---
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>
|
