गुण column-span

गुण column-span बहु-कॉलम टेक्स्ट में तत्व को फैलना चाहिए कितने कॉलम पर, यह निर्धारित करता है। यह गुण या तो संख्या 1 को मान के रूप में लेता है, या कीवर्ड all को। मान 1 होने पर तत्व एक कॉलम को कवर करेगा, और मान all होने पर - सभी कॉलम को।

सिंटैक्स

cssसिलेक्टर {
  column-span: 1 | all;
}

डिफॉल्ट मान: 1.

उदाहरण

इस उदाहरण में शीर्षक पहले कॉलम के अंदर आ जाएगा:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: 1;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

उदाहरण

और अब शीर्षक सभी कॉलम पर फैल जाएगा:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: all;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

यह भी देखें