ویژگی column-fill CSS

تعریف و استفاده

ویژگی column-fill نحوه پر کردن ستون‌ها را تعیین می‌کند (آیا باید تقارن داشته باشند یا خیر).

لطفاً به اینجا نیز مراجعه کنید:

آموزش CSS3:مولفه‌های چند ستون CSS3

دستورالعمل HTML DOM:ویژگی columnFill

مثال

تعیین نحوه پر کردن ستون‌ها:

div
{
column-fill:auto;
}

قوانین CSS

column-fill: توازن|auto;

مقدار属性

مقدار توضیح
توازن تقارن ستون‌ها. مرورگر باید تفاوت در طول ستون‌ها را به حداقل برساند.
auto تکمیل ستون‌ها به ترتیب، طول ستون‌ها متفاوت خواهد بود.

جزئیات فنی

مقدار پیش‌فرض: توازن
ارث: no
نسخه: CSS3
قوانین جاوااسکریپت: object.style.columnFill="auto"

مثال‌های بیشتر

Column-count
تقسیم متن داخل علامت div به سه ستون.
Column-gap
تقسیم متن داخل علامت div به سه ستون و تعیین فاصله 30 پیکسلی بین آنها.
Column-rule
پیکربندی عرض، سبک و رنگ بین ستون‌ها.

پشتیبانی مرورگر

کروم IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0