grid-column-end

描述

适用于:网格元素

CSS 属性 grid-column-end 用来定义网格元素的结束位置。

取值

  • auto  

    自动分配,默认值1。

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

    网格区域自定义关键字

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

    整形数值 和 自定义关键字

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

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

语法

/* Keyword value */
grid-column-end: auto;

/* <custom-ident> values */
grid-column-end: somegridarea;

/* <integer> + <custom-ident> values */
grid-column-end: 2;
grid-column-end: somegridarea 4;

/* span + <integer> + <custom-ident> values */
grid-column-end: span 3;
grid-column-end: span somegridarea;
grid-column-end: 5 somegridarea span;

/* Global values */
grid-column-end: inherit;
grid-column-end: initial;
grid-column-end: unset;