CSS కాలమ్-గ్యాప్ అట్రిబ్యూట్

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

column-gap అంశం నిలువుల మధ్య అంతరాన్ని నిర్దేశిస్తుంది.

ప్రకటన:నిలువుల మధ్య అంతరాన్ని అమర్చినట్లయితే column-ruleఅంతరం మధ్య ఇది ప్రదర్శిస్తుంది.

ఇతర పరిశీలన కైర్మాన్స్:

CSS3 పాఠ్యక్రమం:CSS3 బహుళ నిలువులు

HTML DOM పరిశీలన కైర్మాన్స్:columnGap అంశం

ఉదాహరణ

నిలువుల మధ్య అంతరాన్ని 40 పిక్సెల్స్‌గా నిర్దేశిస్తుంది:

div {
  column-gap: 40px;
}

మీరే ప్రయత్నించండి

పేజీ కిందికి మరిన్ని ఉదాహరణలు ఉన్నాయి.

CSS సంకేతం

column-gap: length|normal;

అంశం విలువ

విలువ వివరణ పరీక్షించండి
length నిలువుల మధ్య అంతరాన్ని తెలిపిన పొడవునకు నిర్దేశిస్తుంది. పరీక్షించండి
normal నిలువుల మధ్య అంతరాన్ని సాధారణ అంతరంగా నిర్దేశిస్తుంది. W3C సిఫార్సు విలువ ఇమెం ఉంటుంది. పరీక్షించండి

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

అప్రమేయం: normal
పారంపర్యం: no
సంస్కరణ: CSS3
జావాస్క్రిప్ట్ సంకేతం: object.style.columnGap="40px"

మరిన్ని ఉదాహరణలు

Column-count
డివ్ ఎలిమెంట్‌లోని వచనాన్ని మూడు నిలువులుగా విభజిస్తుంది.
Column-rule
నిలువుల మధ్య వెడల్పు, శైలి మరియు రంగును నిర్దేశిస్తుంది.

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

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

ప్రాధమిక సంకేతంతో -webkit- లేదా -moz- ఉన్న సంఖ్యలు ప్రాథమిక సంకేతం ఉపయోగించబడుతుంది.

అంశం క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
బహుళ నిలువులో 50 10 52 10 37
గ్రిడ్‌లో 66 16 61 12 53
క్రమబద్ధ ఫ్రేమ్‌లో 84 84 63 14.1 70