خصوصیت column-fill

مثال

مشخص کردن نحو پر کردن ستون ها:

		div

		{

		column-fill:auto;

		}

در انتهای این بیاموز، مثال های بیشتری را خواهید دید.

هیچ یک از مرورگرهای اصلی، خصوصیت background را پشتیبانی می کنند.

با استفاده از خصوصیت column-fill مشخص می کنیم که نحوه پر شدن ستون ها به صورت متوازن (balanced) باشد یا خیر.

مقدار پیشفرض	balance
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.columnFill="auto"

		column-fill: balance|auto;

مقدار	توضیحات
balance	ستون ها متوازن هستند. مروگر بایستی اختلاف طول ستوه ها را کم کند.
auto	ستون ها به صورت متوالی پر می شوند و هر کدام طول متفاوتی نسبت به دیگری دارد.

Column-count

متن داخل عنصر div را به سه ستون تقسیم می کند.

Column-gap

متن داخل عنصر div را به سه ستون تقسیم می کند که فاصله بین هر ستون با دیگری 30 پیکسل است.

Column-rule

عرض، استایل و رنگ خط کشی که بین هر دو ستون قرار دارد را مشخص می کند.