CSS grid-row అట్రిబ్యూట్
- ముందు పేజీ grid-gap
- తరువాత పేజీ grid-row-end
నిర్వచనం మరియు వినియోగం
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 |
- ముందు పేజీ grid-gap
- తరువాత పేజీ grid-row-end