ویژگی 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 | لبه‌های سه‌بعدی grooved را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| ridge | لبه‌های سه‌بعدی ridged را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| inset | لبه‌های سه‌بعدی inset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| outset | لبه‌های سه‌بعدی outset را تعریف می‌کند. اثر آن بستگی به مقدار border-color دارد. |
| inherit | تعیین می‌کند که سبک لبه باید از عنصر والد ارث‌برداری کند. |
جزئیات فنی
| مقدار پیش‌فرض: | not specified |
|---|---|
| نحوه ارث‌برداری: | no |
| نسخه: | CSS1 |
| نوشتار جاوااسکریپت: | object.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
