نمونه کد

یک نمونه ساده از خاصیت column-fill:

آزمایشگاه

تعریف و کاربرد

برای تعادل بین ستون های دارای محتوا و فاقد محتوا از خاصیت column-fill استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض تراز
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.columnFill="auto"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
column-fill

شیوه نگارش

مقادیر

مقادیر توضیحات
balance یک تراز مساوی بین ستون ها ایجاد می کند که باعث می شود ارتفاع یا عرض آنها نسبت به محتوای بارگذاری شده در ستون، تغییر نکند و ثابت بماند.
auto مقدار پیش فرض است؛ یک شکاف و فاصله بین ستون ها تعیین می کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.