0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  2:07 AM

خصوصیت columns

مثال

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

div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
خودتان امتحان کنید »

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


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

Internet Explorer Firefox Opera Google Chrome Safari

مروگرهای 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 تعداد ستون ها را مشخص می کند.

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها