در بخش پنجم با صفت border آشنا خواهید شد:

این صفت برای تعیین لبه های کنار یک عنصر استفاده می شود.و با کمک ان می توان رنگ ها و استایل مرز ها را تعیین کرد.

با صفت border به تنهایی می توان خواص مربوط به هر 4 طرف مثلا یک مربع را مقدار دهی کرد و هم می توان به تنهایی به تک تک ضلع های یک مربع خواص مختلفی بدهیم.

border= یک صفت تند نویس است که تعدادی از مقادیر مربوط ب border را تعیین میکند.

border-width

thin=نازک

thick=ضخیم

medium=متوسط

length=یک عدد ثابت

border-style

none=بدون کادر

hidden=مانند none

dotted=حالت نقطه چین

dashed=حالت خط چین

double=حالت دو خطه

groove=شیار سه بعدی

outset=بر آمدگی سه بعدی

ridge=برجسته سه بعدی

inset=تورفتگی سه بعدی

border-color

=====================================================================

p{border:thin dotted #00ff00;}

صفت border-bottom

تعدادی از مقادیر مربوط به ضلع پایین را مشخص می کند.

table{border-bottom:thin dotted #00ff00;}

span{border-bottom:solid #00ff00;}

صفت border-bootom-color

رنگ ضلع پایین کادر را مشخص می کند.

table{border-bottom-color:rgb(255,0,0);}

صفت border-bottom-style

استایل ضلع پایین کادر را مشخص می کند.

table{border-bottom-style:solid}

صفت border-bottom-width

پهنای ظلع پایین را تعیین میکند.

table {border-bottom-width:thin}

table {border-bottom-width:0.5}

صفت border-color

رنگ کادر را مشخص می کند

table{border-color:red;}

 

سایر قسمتهای این آموزش :

آموزش CSS بخش اول

آموزش CSS بخش دوم

آموزش CSS بخش سوم

آموزش CSS بخش چهارم

آموزش CSS بخش پنجم

آموزش CSS بخش ششم

آموزش CSS بخش هفتم

آموزش CSS بخش هشتم

آموزش CSS بخش نهم