CSS grid-column-start 属性


实例

设置 "item1" 从第 2 列开始:

.item1 { grid-column-start: 2; }

尝试一下 »

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
grid-column-start 57 16 52 10 44

属性定义及使用说明

grid-column-start 属性定义了网格元素从哪一列开始。

默认值: auto
继承: no
动画: 支持。 阅读关于 animatable 尝试一下
版本: CSS 网格布局模块 Level 1
JavaScript 语法: object.style.gridColumnStart="3" 尝试一下


语法

grid-column-start: auto|span n|column-line;

描述
auto 默认值,网格元素按流设置。
span n 指定网格元素将跨越的列数。
column-line 指定从哪个列上开始显示网格元素。

相关文章

CSS 教程: CSS 网格布局

CSS 参考手册: grid-column 属性

CSS 参考手册: grid-column-end 属性

CSS 参考手册: grid-row-start 属性

CSS 参考手册: grid-row-end 属性