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