آموزش مرزهای CSS

7 جولای 2021

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


من از هر طرف مرز دارم.

 

من یک حاشیه پایین قرمز دارم.

 

مرزها را گرد کرده ام.

 

من یک مرز چپ آبی دارم.


سبک حاشیه CSS

border-styleمشخص اموال چه نوع از مرز به صفحه نمایش.

مقادیر زیر مجاز است:

  • dotted – حاشیه نقطه ای را مشخص می کند
  • dashed – مرز شکسته را مشخص می کند
  • solid – مرز جامد را مشخص می کند
  • double – مرز دوتایی را مشخص می کند
  • groove– حاشیه شیاردار سه بعدی را تعریف می کند. این اثر به مقدار رنگ حاشیه بستگی دارد
  • ridge– یک حاشیه سه بعدی مشخص می کند. این اثر به مقدار رنگ حاشیه بستگی دارد
  • inset– حاشیه سه بعدی را تعریف می کند. این اثر به مقدار رنگ حاشیه بستگی دارد
  • outset– مرز شروع 3D را مشخص می کند. این اثر به مقدار رنگ حاشیه بستگی دارد
  • none – هیچ مرزی را مشخص نمی کند
  • hidden – یک مرز پنهان را مشخص می کند

border-styleخصوصیت می تواند از یک تا چهار مقدار (برای مرز بالا، مرز سمت راست، مرز پایین، و مرز سمت چپ) است.

مثال

نمایش سبک های مختلف مرزی:

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

نتیجه:

توجه: هیچ یک از دیگر ویژگی های حاشیه CSS (که در فصل های بعدی بیشتر با آن آشنا خواهید شد) هیچ تأثیری نخواهد داشت مگر اینکه border-styleویژگی تنظیم شود!

منبع

مقاله‌های مشابه

7 مرحله فروش بیمه عمر (2)

7 مرحله فروش بیمه عمر (2)

18/9/96 چه بلایی سر آدم میاره خیلی جالبه انقدر سنگ، توام داری درست راه میری اینجوری لنگ میزنی، وقتی یه ذره زمانش طولانی تر بشه دیگه لنگ نمیزنی مجبوری اینجوری کنی من دیگه نمیتونم بیام یه ذره میشینی پامیشی، فروش اینو خیلیها حذف میکنن، برای خیلیها تو ذهنشون همون سنگه...

بیشتر بخوانید
7 مرحله فروش بیمه عمر (1)

7 مرحله فروش بیمه عمر (1)

11/9/96 امروز میخوایم 7 مرحله فروش بیمه عمر یا هر محصولی که شما در کل کره زمین میشناسید، وقتی میگم محصول یه روز این محصولی که داریم ازش صحبت میکنیم میتونه هر چیزی به چیزی بجز بیمه عمر باشه، یکی از مهمترین مباحثی که در دوره تکنسین یاد میگیرید و عملاً آچارفرانسه تمام...

بیشتر بخوانید

شما هم به جمع ۱۰۰,۰۰۰ مشترک خبرنامه‌ ما بپیونید

0 دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد.