CSS کولمن اسپین پرپرٹی

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

ویژگی column-span تعیین می‌کند که عنصر باید در چند ستون بگذرد.

لطفاً به اینجا نیز مراجعه کنید:

آموزش CSS3:CSS3 کولم

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

مثال

برای اینکه علامت h2 در تمام ستون‌ها بگذرد:

h2
{
column-span:all;
}

آزمایش کنید

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

جمله‌بندی CSS

column-span: 1|all;

مقدار ویژگی

مقدار توضیح آزمایش
1 عنصر باید در یک ستون بگذرد. آزمایش
همه عنصر باید در تمام ستون‌ها بگذرد. آزمایش

جزئیات فنی

مقدار پیش‌فرض: 1
erbیابی: خیر
نسخه: CSS3
جمله‌بندی JavaScript: اجسام.style.columnSpan="all"

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

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

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

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

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

چروم آئی ای / ایج فایرفاکس سافاری اوپرا
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1