خصوصیت columns

مثال

مشخص کردن ضخامت و تعداد ستون ها:

div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}

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

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

    

مروگرهای Internet Explorer 10 و Opera خاصیت columns را پشتیبانی می کنند.

مرورگر Fitefox خاصیت جایگزین moz-columns- را پشتیبانی می کند.

مرورگرهای Safari و Chrome خاصیت جایگزین webkit-columns- را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، خاصیت columns را پشتیبانی نمی کند.

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

خاصیت columns فرم مختصر شده ای برای تنظیم خاصیت های column-width و  column-count می باشد.

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

نحوه استفاده

columns: column-width column-count;
مقدار توضیحات
column-width ضخامت ستون ها را مشخص می کند.
column-count تعداد ستون ها را مشخص می کند.