این آموزش در تاریخ ۱۴۰۰/۱۰/۲۹ آپدیت شده است.
آموزش ویژگی column-rule در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی column-rule در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی column-rule در CSS
ویژگی column-rule در CSS بطور کلی ویژگی ایست که با استفاده از آن میتوان یک خط عمودی در بین ستون هایی از متن ایجاد کرد، حال از این ویژگی برای خلاصه نویسی ویژگی های زیر استفاده میشود :
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی column-rule را در زبان CSS مشاهده نمایید.
|
1 2 3 |
.MyBox { column-rule: 3px solid orange; } |
Free-Learn
جدول مشخصات ویژگی column-rule در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
| مقدار پیش فرض | medium none Color_Element |
|---|---|
| قابل ارث بری | ندارد | اطلاعات بیشتر |
| قابل متحرک سازی | دارد | اطلاعات بیشتر |
| نسخه | CSS3 |
| نحوه استفاده در جاوااسکریپت | object.style.columnRule=”4px solid blue”; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی column-rule در CSS پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| column-rule | ۵۰ | ۵۲ | ۱۱٫۵ | ۹ | ۱۲ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.
|
1 |
column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit; |
Free-Learn
جدول مقادیر ویژگی column-rule در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| column-rule-width | اندازه خط بین سون ها ( پیش فرض medium ) |
| column-rule-style | استایل خط بین ستون ها ( پیش فرض none ) |
| column-rule-color | رنگ خط بین ستون ها ( پیش فرض رنگ متن عنصر ) |
| initial | استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر |
| inherit | استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر |
Free-Learn
نکات و توضیحات
- استفاده از ویژگی column-rule-style برای مشاهده عملکرد ویژگی column-rule ضروری می باشد، در غیراینصورت هیچ چیزی نمایش داده نخواهد شد.
