CSS కలన్-కౌంట్ అట్రిబ్యూట్

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

column-count లక్షణం అంతరం విధిస్తుంది అంతరం కలన్ల సంఖ్య.

మరింత చూడండి:

CSS3 శిక్షణ పుస్తకం:CSS3 బహుళ నిలువులు

HTML DOM సందర్భ పుస్తకం:columnCount లక్షణం

ఉదాహరణ

డివ్ ఎలిమెంట్లో నివసించే వచనాన్ని మూడు కలన్లుగా విభజించండి:

div
{
column-count:3;
}

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

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

CSS సంకేతాలు

column-count: number|auto;

లక్షణ విలువ

విలువ వివరణ పరీక్షించండి
number అంతర్గత సమాచారం నిర్వహించే ఉత్తమ కలన్ల సంఖ్య. పరీక్షించండి
auto ఇతర లక్షణాలచే కలన్ల సంఖ్యను నిర్ణయించు, ఉదా "column-width". పరీక్షించండి

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

అప్రమేయ విలువ: auto
పారంపర్యం: no
వెర్షన్: CSS3
JavaScript సంకేతాలు: object.style.columnCount=3

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

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

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

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని చెప్పుతాయి.

క్రోమ్ ఐఇ / ఎజ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1