blob: 4df08bc996777df2224e13e06deb4b7f6db4877d (
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
|
---
title: Grid Column
slug: Glossary/Grid_Column
tags:
- CSS
- grid
translation_of: Glossary/Grid_Column
original_slug: Словарь/Grid_Column
---
<p>Столбец сетки (<strong>grid column)</strong> — это вертикальный элемент в <a href="/ru/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>, а также пространство между двумя вертикальными линиями сетки. Он определяется свойством {{cssxref("grid-template-columns")}}, либо в сокращенном виде {{cssxref("grid")}} или {{cssxref("grid-template")}}.</p>
<p>Кроме того, столбцы могут быть созданы в неявном виде (<em>implicit grid), </em>когда элементы расположены за пределами столбцов, созданных в явно-заданной сетке (<em>explicit grid)</em>. Размер этих столбцов будет подобран автоматически, либо задан с помощью свойства {{cssxref("grid-auto-columns")}}.</p>
<p>При работе с выравниванием в <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>, ось, идущая вниз, вдоль которой идут столбцы, также называется осью блоков или столбцов.</p>
<h2 id="Смотрите_также">Смотрите также</h2>
<h3 id="Связанные_свойства">Связанные свойства</h3>
<ul>
<li>{{cssxref("grid-template-columns")}}</li>
<li>{{cssxref("grid-auto-columns")}}</li>
<li>{{cssxref("grid")}}</li>
<li>{{cssxref("grid-template")}}</li>
</ul>
<h3 id="Дальнейшая_информация">Дальнейшая информация</h3>
<ul>
<li>CSS Grid Layout Guide: <em><a href="/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li>
</ul>
|
