ویژگی column-width CSS

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

ویژگی column-width عرض ستون‌ها را تعیین می‌کند.

لطفاً به:

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

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

مثال

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

div
{
column-width:100px;
}

آزمایش کنید

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

جمله‌بندی CSS

column-width: auto|length;

مقدار ویژگی

مقدار توضیح آزمایش
auto عرض ستون‌ها توسط مرورگر تعیین می‌شود. آزمایش
length محدد کردن عرض ستون‌ها. آزمایش

جزئیات فنی

مقدار پیش‌فرض: auto
ارث: no
نسخه: CSS3
جمله‌بندی JavaScript: object.style.columnWidth="100px"

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

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

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

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

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

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0