CSS स्तम्भ-फ़िल गुण

वर्णन और उपयोग

column-fill गुण स्तम्भ को कैसे भरने का (क्या समन्वय करना) निर्धारित करता है。

और देखें:

CSS3 शिक्षण:CSS3 बहु-स्तम्भ

HTML DOM संदर्भ पुस्तकःcolumnFill गुण

उदाहरण

स्तम्भ को कैसे भरने का निर्धारण करें:

div
{
column-fill:auto;
}

CSS व्याकरण

column-fill: balance|auto;

गुण मान

मान वर्णन
balance स्तम्भों को समन्वित करें। ब्राउज़र को स्तम्भ की लंबाई के भिन्नताओं को न्यूनतम करना चाहिए。
auto क्रमबद्ध रूप से स्तम्भों को भरेंगे, स्तम्भ की लंबाई भिन्न होगी。

तकनीकी विवरण

मूलभूत मानः balance
विरासतः no
संस्करणः CSS3
JavaScript व्याकरणः object.style.columnFill="auto"

अधिक उदाहरण

Column-count
div एलीमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करें。
Column-gap
div एलीमेंट में टेक्स्ट को तीन स्तम्भों में विभाजित करें और स्तम्भों के बीच 30 पिक्सल की गैप निर्धारित करें。
Column-rule
निर्धारित स्तम्भ के बीच की चौड़ाई, शैली और रंग निर्धारित करें。

ब्राउज़र समर्थन

च्रोम IE / एज फ़ायरफॉक्स सफ़ारी ओपेरा
50.0 10.0 52.0 10.0 37.0