جواب سوال در مورد ویژگی border

با سلام

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