CSS grid-row-end అట్రిబ్యూట్
- ముందసిన పేజీ grid-row
- తదుపరి పేజీ grid-row-gap
నిర్వచనం మరియు వినియోగం
grid-row-end లక్షణం ప్రదర్శించబడే పంక్తుల సంఖ్యను లేదా ప్రదర్శించబడే పంక్తి రేఖను నిర్ణయిస్తుంది.
పేజీ ముగింపు లో ఉన్న ఉదాహరణలను చూడండి.
మరియు చూడండి:
CSS పాఠ్యక్రమం:CSS గ్రిడ్ లేఆఉట్
ఉదాహరణ
ఉదాహరణ 1
ఇటీమ్1 మూడు పంక్తులు పొడిగించుటకు చేయండి:
.item1 {
grid-row-end: span 3;
}
ఉదాహరణ 2
పంక్తి లైన్ విలువను పంక్తి సంఖ్యలో బద్దలు చేసుకోవచ్చు:
.item1 {
grid-row-end: 3;
}
CSS సంకేతబద్ధత
grid-row-end: auto|row-line|span n;
లక్షణపు విలువ
| విలువ | వివరణ |
|---|---|
| auto | అప్రమేయ విలువ. ప్రదర్శించబడే పంక్తి ఒకటి. |
| span n | ప్రదర్శించబడే పంక్తుల సంఖ్యను నిర్ణయిస్తుంది. |
| column-line | ప్రదర్శించడానికి ముగించే పంక్తి నిర్ణయిస్తుంది. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | auto |
|---|---|
| పారంపర్యం అంటే: | లేదు |
| అనిమేషన్ తయారీ: | మద్దతును చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| వెర్షన్: | CSS Grid Layout Module Level 1 |
| జావాస్క్రిప్ట్ సంకేతబద్ధత | object.style.gridRowEnd="4" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొంది.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ముందసిన పేజీ grid-row
- తదుపరి పేజీ grid-row-gap
