CSS grid-column-start అట్రిబ్యూట్

定义和用法

grid-column-start 属性定义项目将在哪条列线上开始。

另请参阅：

CSS 教程：CSS 网格布局

CSS 参考手册：grid-column 属性

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

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

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

实例

使 "item1" 从列 2 开始：

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

亲自试一试

CSS 语法

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

属性值

值 描述
auto 默认值。项目将随着流放置。
span n 规定项目将横跨的列数。
column-line ప్రాంతాన్ని కనుగొనే కాలమ్ నుండి ప్రదర్శించండి.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: auto
పారంతర్యం: సంఖ్యలు లేవు
అనిమేషన్ తయారీ: మద్దతు. దయచేసి ఈ కి సందర్శించండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS Grid Layout Module Level 1
జావాస్క్రిప్ట్ సంకేతబద్ధం: object.style.gridColumnStart="3"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను సూచిస్తాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
57 16 52 10 44