ویژگی column-span CSS

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

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

لطفاً به:

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

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

مثال

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

h2
{
column-span:all;
}

آزمایش کنید

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

جمله گرایی CSS

column-span: 1|all;

مقدار属性

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

جزئیات فنی

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

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

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

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

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

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

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