CSS గ్రిడ్-ఆటో-కలన్స్ అట్రిబ్యూట్
- ముందసి పేజీ grid-area
- తదుపరి పేజీ grid-auto-flow
నిర్వచనం మరియు ఉపయోగం
grid-auto-columns లక్షణం గ్రిడ్ కంటైనర్ లో వరుసల పరిమాణాన్ని సెట్ చేస్తుంది.
ఈ లక్షణం మాత్రమే పరిమాణం లేని వరుసలపై ప్రభావం చేస్తుంది.
మరియు ఇంకా చూడండి:
CSS శిక్షణ పుస్తకం:CSS గ్రిడ్ లేఆఉట్
CSS సందర్శన పుస్తకం:grid-auto-rows లక్షణం
ఉదాహరణ
గ్రిడ్ లో వరుసల అప్రమేయ పరిమాణాన్ని సెట్ చేయండి:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
CSS సంకేతాలు
grid-auto-columns: auto|max-content|min-content|length;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| auto | అప్రమేయం. కంటైనర్ పరిమాణం ప్రకారం వరుసల పరిమాణాన్ని నిర్దేశించండి. |
| fit-content() | |
| max-content | వరుసలలో పెద్దది గా ఉన్న వస్తువు ప్రకారం ప్రతి వరుసల పరిమాణాన్ని నిర్దేశించండి. |
| min-content | వరుసలలో చిన్నది గా ఉన్న వస్తువు ప్రకారం ప్రతి వరుసల పరిమాణాన్ని నిర్దేశించండి. |
| minmax(min.max) | minmax(min.max) ద్వారా min మరియు max మధ్య పరిమాణాన్ని నిర్దేశించండి. |
| length | నిర్దేశించిన వరుసల పరిమాణాన్ని సెట్ చేయండి, నియమిత పొడవు విలువలను ఉపయోగించడం ద్వారా. దయచేసి ఈ ప్రకారం చూడండి:పొడవు ఇకానా。 |
| % | నిర్దేశించిన వరుసల పరిమాణాన్ని సెట్ చేయండి, శాతము విలువలను ఉపయోగించడం ద్వారా. |
సాంకేతిక వివరాలు
| అప్రమేయం విలువ: | auto |
|---|---|
| పారంపర్యం చేయండి: | లేదు |
| అనిమేషన్ తయారీ: | మద్దతు. దయచేసి ఈ ప్రకారం చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。 |
| వెర్షన్: | CSS Grid Layout Module Level 1 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.gridAutoColumns="120px" |
బ్రౌజర్ మద్దతు
పట్టికలో నమూనాలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను చెప్పుతాయి。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ముందసి పేజీ grid-area
- తదుపరి పేజీ grid-auto-flow
