CSS కాలమ్న్స్ అట్రిబ్యూట్
- ముందు పేజీ column-width
- తదుపరి పేజీ @container
నిర్వచనం మరియు వినియోగం
columns గుణం గళ వెడల్పు మరియు గళ సంఖ్యను నిర్ణయించే ఒక లఘుగుణం ఉంది.
మరింత చూడండి:
CSS3 పాఠకం:CSS3 బహుళ నిలువులు
HTML DOM పరిశీలన పాఠకం:columns గుణం
ఉదాహరణ
గళ వెడల్పు మరియు గళ సంఖ్యను నిర్ణయించు:
div
{
columns:100px 3;
}
పేజీ కింది ప్రాంతంలో మరిన్ని ఉదాహరణలు ఉన్నాయి.
CSS సంకేతాలు
columns: column-width column-count;
గుణం విలువలు
| విలువలు | వివరణ |
|---|---|
| column-width | గళ వెడల్పు |
| column-count | గళల సంఖ్య |
సాంకేతిక వివరాలు
| మూల విలువలు: | auto auto |
|---|---|
| పారంపర్యం సాధన కుడి వైపు ఉంచండి: | no |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.columns="100px 3" |
మరిన్ని ఉదాహరణలు
- Column-count
- డివ్ మెటీరియల్లోని పదబంధాన్ని మూడు గళలుగా విభజించు.
- Column-gap
- డివ్ మెటీరియల్లోని పదబంధాన్ని మూడు గళలుగా విభజించి, అంతరాన్ని 30 పిక్సెల్స్ గా నిర్ణయించు.
- Column-rule
- నిర్ణయించిన గళల వెడల్పు, శైలి మరియు రంగులను నిర్ణయించు.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
ప్రాప్యమైన ప్రత్యేకతలు ఉన్న సంఖ్యలు -webkit- లేదా -moz- తో సూచించబడుతాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 50.0 4.0 -webkit- |
10.0 | 52.0 9.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
- ముందు పేజీ column-width
- తదుపరి పేజీ @container
