ویژگی column-rule CSS
- صفحه قبل column-gap
- صفحه بعدی column-rule-color
تعریف و استفاده
ویژگی column-rule یک ویژگی کوتاه است که برای تنظیم تمام ویژگی‌های column-rule-* استفاده می‌شود.
ویژگی column-rule قوانین عرض، سبک و رنگ بین ستون‌ها را تنظیم می‌کند.
لطفاً به: مراجعه کنید
آموزش CSS3:چند ستون CSS3
دستورالعمل HTML DOM:ویژگی columnRule
مثال
قوانین عرض، سبک و رنگ بین ستون‌ها را تعیین می‌کند:
div
{
column-rule:3px outset #ff00ff;
}
مثال‌های بیشتری در پایین صفحه وجود دارد.
قوانین CSS
column-rule: column-rule-width column-rule-style column-rule-color;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| column-rule-width | عرض بین ستون‌ها را تنظیم می‌کند. |
| column-rule-style | نوع و سبک بین ستون‌ها را تنظیم می‌کند. |
| column-rule-color | رنگ‌های بین ستون‌ها را تنظیم می‌کند. |
جزئیات فنی
| مقدار پیش‌فرض: | medium none black |
|---|---|
| ارث‌پذیری: | no |
| نسخه: | CSS3 |
| قوانین جاوااسکریپت: | object.columnRule="3px outset #ff00ff" |
مثال‌های بیشتر
- Column-count
- متن داخل علامت div را به سه ستون تقسیم می‌کند.
- Column-gap
- متن داخل علامت div را به سه ستون تقسیم کرده و فاصله بین آنها را 30 پیکسل قرار می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه‌ای هستند که این ویژگی به طور کامل توسط مرورگرها پشتیبانی می‌شود.
اعداد شماره‌ای که با -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 |
- صفحه قبل column-gap
- صفحه بعدی column-rule-color
