CSS కలన్-స్పాన్ అట్రిబ్యూట్

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

column-span లక్షణం ఎలమెంట్ను ఎంతో నిలువులను చుట్టివుండే చేస్తుంది.

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

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

HTML DOM పరిశీలన పత్రికcolumnSpan లక్షణం

ఉదాహరణ

హెచ్2 ఎలమెంట్ను అన్ని నిలువులను చుట్టివుండే చేయండి:

h2
{
column-span:all;
}

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

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

CSS సంకేతాలు

column-span: 1|all;

లక్షణ విలువ

విలువ వివరణ పరీక్ష
1 ఎలమెంట్ ఒక నిలువును చుట్టివుండాలి. పరీక్ష
all ఎలమెంట్ అన్ని నిలువులను చుట్టివుండాలి. పరీక్ష

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

అప్రమేయ విలువ: 1
పారంతర్యం: no
సంస్కరణ: CSS3
JavaScript సంకేతాలు: object.style.columnSpan="all"

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

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

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

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

ముందుకు -webkit- లేదా -moz- అనే సంఖ్యలు ప్రాధమిక సంస్కరణను వాడటానికి ప్రత్యేకించబడతాయి.

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