حاشیه ها CSS
border : مرز یا حاشیه ی یک عنصر را تعیین میکند .
ویژگی های حاشیه border به ما توانایی مشخص کردن استایل، عرض و رنگ حاشیه را میدهد.
خواص تشکیل دهنده Border :
border این ویژگی مختصری از ویژگی های CSS زیر است :
border-color
border-style
border-width
نکته: اگه border انتخاب نشود . روی حالت پیش فرض none قرار میگیرد.
نکته: سبک حاشیه را تنظیم می کند. پیشفرض none
در صورت عدم وجود. دیدن border-style
.
نکته: رنگ حاشیه را تعیین می کند. پیشفرض currentcolor در صورت عدم وجود. دیدن border-color.
رنگ حاشیه ها CSS
من یک Border کامل دارم با رنگ سبز و مقدار px3 دارم.
من یک Border پایین با رنگ سبز دارم
من یک Border راست دارم
من یک Border چپ دارم
من یک بوردر با لا دارم
من یک Border راست و پایین دارم
استایل حاشیه ها CSS
CSS border style
این ویژگی مشخص میکند که چه نوع حاشیه ای نمایش داده شود.
مقدارهای زیر مجاز هستند :
dotted : تعریف کردن حاشیه نقطه دار .
dashed : تعریف کردن حاشیه ی خط چین .
solid : برای تعریف کردن یک مرز جدا .
double : مرز دوگانه را تعریف میکند .
groove : حاشیه شیاردار سه بعدی را تعریف می کند. اثر بستگی به مقدار رنگ حاشیه دارد .
ridge : یک حاشیه سه بعدی خط دار را تعریف می کند. اثر بستگی به مقدار رنگ حاشیه دارد .
inset : یک حاشیه داخلی سه بعدی را تعریف می کند. اثر بستگی به مقدار رنگ حاشیه دارد .
outset : یک مرز ابتدایی سه بعدی را تعریف می کند. اثر بستگی به مقدار رنگ حاشیه دارد .
none : هیچ مرزی را تعریف نمیکند ( بیشتر از این مقدار برای از بین بردن بوردر استفاده میکنند ) .
hidden : یک مرز پنهان تعریف میکند .
ویژگی border-style میتواند یک تا چهار مقدار داشته باشد . (border-top , border-bottom , border-left , border-right)
خلاصه درس