ویژگی های حاشیه 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ویژگی تنظیم شود!
