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