ویژگی border-right-style CSS
- صفحه قبل border-right-color
- صفحه بعدی border-right-width
تعریف و استفاده
border-right-style سبک لبه سمت راست عنصر را تنظیم می‌کند.
تنها وقتی که این مقدار none نباشد، لبه‌ها ممکن است نمایش داده شوند.
در CSS1، کاربرگزار HTML باید فقط solid و none را پشتیبانی کند.
لطفاً ببینید:
آموزش CSS:کناره‌های CSS
دستورالعمل CSS:ویژگی border-right
دستورالعمل HTML DOM:ویژگی borderRightStyle
جمله‌نویسی CSS
border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| none | لبه‌های بدون لبه را تعریف می‌کند. |
| hidden | مانند "none" است. اما برای جدول‌ها استثنا دارد، برای جدول‌ها، "hidden" برای حل درگیری لبه‌ها استفاده می‌شود. |
| dotted | لبه‌های نقطه‌ای را تعریف می‌کند. در بیشتر مرورگرها به صورت خط صاف نمایش داده می‌شود. |
| dashed | خط‌های شکسته را تعریف می‌کند. در بیشتر مرورگرها به صورت خط صاف نمایش داده می‌شود. |
| solid | خط صاف را تعریف می‌کند. |
| double | خط‌های دوگانه را تعریف می‌کند. عرض خط‌های دوگانه برابر با مقدار border-width است. |
| groove | لبه‌های 3D grooved را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| ridge | لبه‌های 3D ribbed را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| inset | لبه‌های 3D inset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| outset | لبه‌های 3D outset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| inherit | تعیین می‌کند که سبک لبه باید از عنصر والد ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | not specified |
|---|---|
| وراثت: | no |
| نسخه: | CSS1 |
| جمله‌نویسی JavaScript: | اجسام.style.borderRightStyle="dotted" |
مثال‌های بیشتر
- تنظیم سبک لبه سمت راست
- این مثال نحوه تنظیم سبک لبه سمت راست را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل border-right-color
- صفحه بعدی border-right-width
