blob: a3d2c208b097fc496b5fdbc56f802a03def82847 (
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
|
---
title: Grid Column
slug: Glossary/Grid_Column
translation_of: Glossary/Grid_Column
---
<p>Una <strong>columna de grid</strong> es una pista vertical en un <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>, y es el espacio entre dos líneas verticales de cuadrícula. Está definido por la propiedad {{cssxref("grid-template-columns")}} o por las propiedades abreviadas {{cssxref("grid")}} o {{cssxref("grid-template")}}.</p>
<p>Además, se pueden crear columnas en la <em>cuadrícula implícita</em> cuando los elementos se colocan fuera de las columnas creadas en la <em>cuadrícula explícita</em>. Estas columnas serán de tamaño automático por defecto, o pueden tener un tamaño especificado con la propiedad {{cssxref("grid-auto-columns")}}.</p>
<p>Cuando se utiliza la alineación en <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>, el eje sobre el que corren las columnas es conocido como el eje del bloque o de la columna.</p>
<h2 id="Aprende_Más">Aprende Más</h2>
<h3 id="Propiedades_de_referencia">Propiedades de referencia</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="Otras_lecturas">Otras lecturas</h3>
<ul>
<li>Guía de diseño CSS Grid: <em>Conceptos básicos de diseño de cuadrículas (Grid).</em></li>
</ul>
|
