ویژگی columns CSS

تعریف و استفاده

ویژگی columns یک ویژگی کوتاه‌نویسی است که برای تنظیم عرض و تعداد ستون‌ها استفاده می‌شود.

دستورالعمل HTML DOM:ویژگی columns

عرض و تعداد ستون‌ها را تعیین می‌کند:

div
{
columns:100px 3;
}

مثال‌های بیشتر در پایین صفحه وجود دارد.

columns: column-width column-count;

مقدار	توضیح
column-width	عرض ستون‌ها.
column-count	تعداد ستون‌ها.

Column-count: متن موجود در عنصر div را به سه ستون تقسیم می‌کند.
Column-gap: متن موجود در عنصر div را به سه ستون تقسیم می‌کند و فاصله بین آنها را 30 پیکسل تنظیم می‌کند.
Column-rule: عرض، سبک و رنگ بین ستون‌ها را تعیین می‌کند.

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.

اعداد شماری که دارای -webkit- یا -moz- هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

Chrome	IE / Edge	Firefox	Safari	Opera
50.0 4.0 -webkit-	10.0	52.0 9.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit- 11.1