ویژگی column-rule-width CSS

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

ویژگی column-rule-width تعیین می‌کند که خط بین ستون‌ها چگونه باشد.

لطفاً به:

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

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

مثال

تنظیم رنگ خط بین ستون‌ها:

div {
  column-rule-width: 10px;
}

آزمایش کنید

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

جملات دستور زبان CSS

column-rule-width: thin|medium|thick|length;

مقدار ویژگی

مقدار توضیح آزمایش
thin thin آزمایش
medium تعیین خط متوسط. آزمایش
thick تعیین خط ضخیم. آزمایش
length تعیین عرض خط. آزمایش

جزئیات فنی

مقدار پیش‌فرض: medium
نحوه ارث: no
نسخه: CSS3
جملات دستور زبان JavaScript: object.style.columnRuleWidth="thin"

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

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
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1