grid-column-start

描述

适用于:网格元素

CSS 属性 grid-column-start 可通过赋值基线位置,跨度span,auto来定义网格元素的列起始位置。

取值

  • auto  

    自动分配,默认值1。

  • 自定义关键字 <custom-ident>

    网格区域自定义关键字

  • <integer> && <custom-ident>?

    整形数值 和 自定义关键字

  • span 和 [ <integer> || <custom-ident> ]

    span 和 (整形或是自定义关键字)

语法

/* 关键字值 */
grid-column-start: auto;

/* 自定义关键字值 */
grid-column-start: somegridarea;

/* 整形 + 自定义关键字值 */
grid-column-start: 2;
grid-column-start: somegridarea 4;

/* span + 整形 + 自定义关键字值 */
grid-column-start: span 3;
grid-column-start: span somegridarea;
grid-column-start: span somegridarea 5;

/* 全局值 */
grid-column-start: inherit;
grid-column-start: initial;
grid-column-start: unset;