حاشیه ها CSS

border : مرز یا حاشیه ی یک عنصر را تعیین میکند .

ویژگی های حاشیه border به ما توانایی مشخص کردن استایل، عرض و رنگ حاشیه را میدهد.

خواص تشکیل دهنده Border :

border این ویژگی مختصری از ویژگی های CSS زیر است :

  1. border-color
  2. border-style
  3. 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)

خلاصه درس

توسعه دهندگان
احسان اسلامی