border-style

با استفاده از مشخصه border-style این امکان برای ما فراهم میشه تا حالات مختلفی رو برای این خطوط مرزی بوجود بیاریم. مشخصه border-style مهمترین مشخصه از خانواده Border هاست بطوری که اگر مقداری رو به این مشخصه تخصیص ندیم مثل این هست که اصلا خط مرزی رو تعیین نکردیم. مقادیری که این مشخصه میتونه دریافت کنه شامل موارد زیر هست

;border-style:dotted // خط مرزی به صورت نقطه چین ایجاد میکند

;border-style:dashed // خط مرزی به صورت خطچین ایجاد میکند

;border-style:solid // خط مرزی به صورت خط ساده و ممتد ایجاد میکند

;border-style:double // خط مرزی دولایه (دوبل) ایجاد میکند

همچنین مقادیر groove ، ridge ، inset و outset هم هستند که خط مرزی سه بعدی ایجاد میکنند.

پهنای خط مرزی

برای تعیین پهنای خط مرزی از مشخصه border-width استفاده میکنیم. مقداری که این مشخصه دریافت میکنه میتونه از مقادیر پیشفرض باشه که عبارتند از thin , thick و medium و یا اینکه مقدار عددی رو بر حسب پیکسل به اون نسبت بدیم.

;border-width:2px
;border-width:medium

رنگ خط مرزی

با بکارگیری مشخصه border-color میتونیم رنگ این خط مرزی رو تعیین کنیم. برای این منظور میتونیم از نام رنگ (مثلا red) ، کد RGB و یا کد HEX استفاده کنیم .

;border-color:red
;border-color:#ff0000

برای مقداردهی به مشخصه border به ترتیب از مقدار پهنا ، نوع و رنگ استفاده کنیم.

;Border:2px solid #ff0000