با سلام

border-width مربوط به ضخامت بوردر میباشد

border-style:

خاصیت border-style مشخص می‌کند که چه نوع لبه ای نمایش داده شود.

نکته: هیچکدام از خواص مربوط به Border نمایش داده نمی‌شود مگر اینکه خاصیت border-style تنظیم شده باشد.

مقادیر خاصیت border-style:

none: هیچ لبه ای نمایش داده نمی‌شود

dotted: لبه‌ها به صورت نقطه نقطه ای نمایش داده می‌شود

dashed: لبه‌ها به صورت خط تیره نمایش داده می‌شود

double: دو لبه نمایش داده می‌شود

groove: یک لبه سه بعدی گود دار نمایش داده می‌شود

ridge: یک لبه سه بعدی برجسته نمایش داده می‌شود

inset: یک لبه سه بعدی inset نمایش داده می‌شود

outset: یک لبه سه بعدی outset نمایش داده می‌شود

خاصیت border-color:

• name: نام رنگ باید مشخص شود مانند "red"
• RGB: به صورت RGB مشخص می‌شود مانند "(rgb(255,0,0"
• Hex: به صورت هگزا دسیمال مشخص می شود مانند ff0000 #

• این خاصیت همچنین با مقدار "transparent" نیز می‌تواند تنظیم شود.(لبه به رنگ Background خواهد بود)

• نکته:اگر خاصیت border-style تنظیم نشده باشد خاصیت border-color کار نخواهد کرد.

خلاصه نویسی مثل: ;border:3px solid black

نحو ه ی استفاده بوردر به صورت تکی :Top,Right,bottom,left

مثل: border-top-width

border-right-width

border-bottom-width

border-left-width

border-top-style

border-right-style

border-bottom-style

border-left-style

border-top-color

border-right-color

border-bottom-color

border-left-color