ویژگی column-count CSS

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

ویژگی column-count تعداد ستون‌هایی را که باید علامت تقسیم شود، مشخص می‌کند.

لطفاً به:

آموزش CSS3:چند ستون CSS3

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

مثال

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

div
{
column-count:3;
}

آزمایش کنید

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

آموزش CSS:

column-count: اعداد|auto;

مقدار ویژگی

مقدار توضیح آزمایش
اعداد تعداد بهترین ستون‌هایی که محتوای علامت تقسیم می‌شود. آزمایش
자동 تعداد ستون‌ها توسط سایر ویژگی‌ها تعیین می‌شود، مانند "column-width". آزمایش

جزئیات فنی

مقدار پیش‌فرض: 자동
erbتیابی: خیر
نسخه: CSS3
آموزش زبان JavaScript: اجسام.style.columnCount=3

مثال‌های بیشتری

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

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

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

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