ویژگی column-rule-style CSS
- صفحه قبل column-rule-color
- صفحه بعدی column-rule-width
تعریف و استفاده
ویژگی column-rule-style قوانین سبک بین ستون‌ها را مشخص می‌کند.
لطفاً به:
آموزش CSS3:مستندات چند ستونی CSS3
منابع HTML DOM:ویژگی columnRuleStyle
مثال
قوانین رنگ بین ستون‌ها را تنظیم کنید:
div {
column-rule-style: dotted;
}
در پایین صفحه مثال‌های بیشتری وجود دارد.
قوانین CSS
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
مقدار ویژگی
| مقدار | توضیحات | آزمایش |
|---|---|---|
| none | قوانین بدون خط را تعریف می‌کند. | آزمایش |
| hidden | قوانین خط مخفی را تعریف می‌کند. | آزمایش |
| dotted | قوانین خط نقطه‌ای را تعریف می‌کند. | آزمایش |
| dashed | قوانین خط پرده‌ای را تعریف می‌کند. | آزمایش |
| solid | قوانین خط یکپارچه را تعریف می‌کند. | آزمایش |
| double | قوانین خط دوگانه را تعریف می‌کند. | آزمایش |
| groove | قوانین 3D grooved را تعریف می‌کند. این اثر بستگی به مقادیر عرض و رنگ دارد. | آزمایش |
| ridge | قوانین 3D ridged را تعریف می‌کند. این اثر بستگی به مقادیر عرض و رنگ دارد. | آزمایش |
| inset | قوانین 3D inset را تعریف می‌کند. این اثر بستگی به مقادیر عرض و رنگ دارد. | آزمایش |
| outset | قوانین 3D outset را تعریف می‌کند. این اثر بستگی به مقادیر عرض و رنگ دارد. | آزمایش |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| وراثت: | no |
| نسخه: | CSS3 |
| قوانین جاوااسکریپت: | object.style.columnRuleStyle="dotted" |
مثال‌های بیشتر
- Column-count
- متن موجود در عنصر div را به سه ستون تقسیم می‌کند.
- Column-gap
- متن موجود در عنصر div را به سه ستون تقسیم می‌کند و فاصله بین آنها را 30 پیکسل تنظیم می‌کند.
- Column-rule
- گزارش عرض، سبک و رنگ ستون‌ها را مشخص می‌کند.
پشتیبانی مرورگر
اعداد شماری در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.
اعداد شماری با -webkit- یا -moz- نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.
| کروم | IE / Edge | افراد | سفار | آپرا |
|---|---|---|---|---|
| 50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
- صفحه قبل column-rule-color
- صفحه بعدی column-rule-width
