CSS grid-row అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

grid-row లక్షణం గ్రిడ్ ప్రాజెక్ట్ సైజ్ మరియు గ్రిడ్ లేఆఉట్ లో స్థానాన్ని నిర్ణయిస్తుంది, ఇది క్రింది లక్షణాల సంక్షిప్త లక్షణం ఉంది:

మరియు ఇంకా చూడండి:

CSS శిక్షణ కోసం:CSS గ్రిడ్ లేఆఉట్

ఉదాహరణ

ఉదాహరణ 1

item1 అనేది వరుస 1 నుండి ప్రారంభమవుతుంది మరియు రెండు వరుసలు కప్పిపోయే స్థానాన్ని నిర్ణయిస్తుంది:

.item1 {
  grid-row: 1 / span 2;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

మీరు వరుస విలువను క్రింది వరుసల సంఖ్యలో బదులుగా వాడవచ్చు:

.item1 {
  grid-row: 1 / 3;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

grid-row: grid-row-start / grid-row-end;

లక్షణ విలువ

విలువ వివరణ
grid-row-start ఎలాగైనా ప్రదర్శించబడే అంశాలను ఎలాగైనా ఏ రోజు నుండి ప్రదర్శించబడే స్థానాన్ని నిర్ణయిస్తుంది.
grid-row-end ఎలాగైనా ప్రదర్శించబడే అంశాలను ఎలాగైనా రోజులో నిలిచిపోయే స్థానాన్ని లేదా ఎన్ని రోజులు కప్పిపోయే స్థానాన్ని నిర్ణయిస్తుంది.

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

మూల విలువ: auto / auto
వారిశ్రాయం పై సంబంధించిన లక్షణాలు: సంక్షిప్తంగా ఇనక్షా కాదు
అనిమేషన్ తయారీ: మద్దతు. దయచేసి ఈ కి మరియు చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ: CSS Grid Layout Module Level 1
జావాస్క్రిప్ట్ సంకేతాలు: object.style.gridRow="2 / span 2"

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

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44