CSS ग्रिड-रो-स्टार्ट प्रभाव

定义和用法

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

另请参阅：

CSS 教程：CSS 网格布局

CSS 参考手册：grid-column 属性

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

CSS 参考手册：grid-row 属性

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

实例

使 "item1" 从行 2 开始：

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

亲自试一试

CSS 语法

grid-row-start: auto|row-line;

属性值

值 描述
auto 默认值。项目将随着流定位。
row-line इसके अनुसार प्रतीक्षा करने वाली पंक्ति से प्रदर्शित करने का निर्देश देता है।

तकनीकी विवरण

मूलभूत मान: auto
विरासत: नहीं
एनीमेशन निर्माण: समर्थन किया जाता है। देखें:एनीमेशन संबंधी विशेषताएँ。
संस्करण: CSS ग्रिड लेआउट मॉड्यूल लेवल 1
जेसक्रिप्ट व्याकरण: object.style.gridRowStart="3"

ब्राउज़र समर्थन

ग्रिड में दिए गए नंबर इस विशेषता को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।

च्रोम IE / एज फ़ायरफॉक्स सफारी ओपेरा
57 16 52 10 44