diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/glossary/grid_container/index.html | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/glossary/grid_container/index.html')
-rw-r--r-- | files/ja/glossary/grid_container/index.html | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/files/ja/glossary/grid_container/index.html b/files/ja/glossary/grid_container/index.html new file mode 100644 index 0000000000..c777b4f477 --- /dev/null +++ b/files/ja/glossary/grid_container/index.html @@ -0,0 +1,33 @@ +--- +title: Grid container +slug: Glossary/grid_container +tags: + - CSS + - Glossary + - grid +translation_of: Glossary/Grid_Container +--- +<p>要素に <code>grid</code> または <code>inline-grid</code> を使用すると、<a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウ</a>ト の<strong>グリッドコンテナー</strong>になります。そして直下の子要素はグリッドアイテムになります。</p> + +<p>要素がグリッドコンテナーになると、<strong>グリッド整形文脈</strong>を形成します。グリッドコンテナー直下の子要素は、{{cssxref("grid-template-columns")}} や {{cssxref("grid-template-rows")}}を使って明示的に定義されたグリッドや、明示的に定義されたグリッドの外側に置かれた時には暗黙的に形成されるグリッドに沿って、配置されます。</p> + +<p> </p> + +<h2 id="Learn_more" name="Learn_more">関連項目</h2> + +<h3 id="Property_reference" name="Property_reference">プロパティリファレンス</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="Further_reading" name="Further_reading">さらなる文書</h3> + +<ul> + <li>CSS Grid レイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本概念</a></em></li> +</ul> |