col-span-full
|
grid-column: 1 / -1;
|
col-auto
|
grid-column: auto;
|
col-start-auto
|
grid-column-start: auto;
|
col-end-auto
|
grid-column-end: auto;
|
col-span-<number>
|
grid-column: span <number> / span <number>;
|
col-span-1
|
grid-column: span 1 / span 1;
|
col-span-[<value>]
|
grid-column: span <value> / span <value>;
|
col-span-[1]
|
grid-column: span 1 / span 1;
|
col-span-(<custom-property>)
|
grid-column: span var(<custom-property>) / span var(<custom-property>);
|
col-span-(--my-flex)
|
grid-column: span var(--my-flex) / span var(--my-flex);
|
col-span-(flex:<custom-property>)
|
grid-column: span var(<custom-property>) / span var(<custom-property>);
|
col-span-(flex:--my-flex)
|
grid-column: span var(--my-flex) / span var(--my-flex);
|
col-<number>
|
grid-column: <number>;
|
col-1
|
grid-column: 1;
|
col-[<value>]
|
grid-column: <value>;
|
col-[1]
|
grid-column: 1;
|
col-(<custom-property>)
|
grid-column: var(<custom-property>);
|
col-(--my-flex)
|
grid-column: var(--my-flex);
|
col-(flex:<custom-property>)
|
grid-column: var(<custom-property>);
|
col-(flex:--my-flex)
|
grid-column: var(--my-flex);
|
-col-<number>
|
grid-column: calc(<number> * -1);
|
-col-1
|
grid-column: calc(1 * -1);
|
-col-[<value>]
|
grid-column: calc(<value> * -1);
|
-col-[1]
|
grid-column: calc(1 * -1);
|
-col-(<custom-property>)
|
grid-column: calc(var(<custom-property>) * -1);
|
-col-(--my-flex)
|
grid-column: calc(var(--my-flex) * -1);
|
-col-(flex:<custom-property>)
|
grid-column: calc(var(<custom-property>) * -1);
|
-col-(flex:--my-flex)
|
grid-column: calc(var(--my-flex) * -1);
|
col-start-<number>
|
grid-column-start: <number>;
|
col-start-1
|
grid-column-start: 1;
|
col-start-[<value>]
|
grid-column-start: <value>;
|
col-start-[1]
|
grid-column-start: 1;
|
col-start-(<custom-property>)
|
grid-column-start: var(<custom-property>);
|
col-start-(--my-flex)
|
grid-column-start: var(--my-flex);
|
col-start-(flex:<custom-property>)
|
grid-column-start: var(<custom-property>);
|
col-start-(flex:--my-flex)
|
grid-column-start: var(--my-flex);
|
-col-start-<number>
|
grid-column-start: calc(<number> * -1);
|
-col-start-1
|
grid-column-start: calc(1 * -1);
|
-col-start-[<value>]
|
grid-column-start: calc(<value> * -1);
|
-col-start-[1]
|
grid-column-start: calc(1 * -1);
|
-col-start-(<custom-property>)
|
grid-column-start: calc(var(<custom-property>) * -1);
|
-col-start-(--my-flex)
|
grid-column-start: calc(var(--my-flex) * -1);
|
-col-start-(flex:<custom-property>)
|
grid-column-start: calc(var(<custom-property>) * -1);
|
-col-start-(flex:--my-flex)
|
grid-column-start: calc(var(--my-flex) * -1);
|
col-end-<number>
|
grid-column-end: <number>;
|
col-end-1
|
grid-column-end: 1;
|
col-end-[<value>]
|
grid-column-end: <value>;
|
col-end-[1]
|
grid-column-end: 1;
|
col-end-(<custom-property>)
|
grid-column-end: var(<custom-property>);
|
col-end-(--my-flex)
|
grid-column-end: var(--my-flex);
|
col-end-(flex:<custom-property>)
|
grid-column-end: var(<custom-property>);
|
col-end-(flex:--my-flex)
|
grid-column-end: var(--my-flex);
|
-col-end-<number>
|
grid-column-end: calc(<number> * -1);
|
-col-end-1
|
grid-column-end: calc(1 * -1);
|
-col-end-[<value>]
|
grid-column-end: calc(<value> * -1);
|
-col-end-[1]
|
grid-column-end: calc(1 * -1);
|
-col-end-(<custom-property>)
|
grid-column-end: calc(var(<custom-property>) * -1);
|
-col-end-(--my-flex)
|
grid-column-end: calc(var(--my-flex) * -1);
|
-col-end-(flex:<custom-property>)
|
grid-column-end: calc(var(<custom-property>) * -1);
|
-col-end-(flex:--my-flex)
|
grid-column-end: calc(var(--my-flex) * -1);
|
