CSS grid-column-gap అట్రిబ్యూట్
- ముంది పేజీ grid-column-end
- తదుపరి పేజీ grid-column-start
నిర్వచనం మరియు వినియోగం
grid-column-gap లక్షణం గ్రిడ్ లేఆఉట్లో కలన్ల అంతరాన్ని నిర్వచిస్తుంది.
మరింత చూడండి:
CSS శిక్షణా పత్రికCSS గ్రిడ్ లేఆఉట్
CSS సూచనాలు:grip-gap లక్షణం
CSS సూచనాలు:grip-row-gap లక్షణం
ఉదాహరణ
కలన్ల అంతరాన్ని 50 పిక్సెల్స్ గా నిర్వచించండి:
.grid-container {
grid-column-gap: 50px;
}
CSS సంకేతాలు
grid-column-gap: length;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| length | ఏదైనా ప్రమాణిత పొడవు విలువ, ఉదాహరణకు పిక్సెల్స్ లేదా శాతం. అప్రమేయ విలువ 0. చూడండి:పొడవు యూనిట్లు. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | 0 |
|---|---|
| వారసత్వం: | సంఖ్యలు లేవు |
| అనిమేషన్ తయారీ: | మద్దతును పొందండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| సంస్కరణ: | CSS Grid Layout Module Level 1 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.gridColumnGap="50px" |
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొన్నాయి.
| క్రోమ్ | ఐఇ / ఎండ్జె | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ముంది పేజీ grid-column-end
- తదుపరి పేజీ grid-column-start
