در بخش پنجم با صفت 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;}

امتیاز این post

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لطفا ابتدا به حساب کاربری خود وارد شوید