ایجاد شده در ۱۰ مرداد ۱۴۰۰
سلام و عرض ادب
ما با پراپرتی border میتونیم چند حاشیه از جهت‌های مختلف به صورت دستی یا خودکار به باکس مد نظر اعمال کنیم که دستور کوتاه شده یا shorthand به صورت زیر میباشد
border: 1px solid #404040;
و داخل عکسی که ضمیمه شده است هر کدوم از اجزا به صورت کوتاه مورد تماشا میباشند
و همچنین دستورات رو میتونیم به صورت تک به تک بنویسیم که پیشنهاد نمیشود و هر چقدر تعداد خط کم‌تر باشد سرعت وب سایت بالا‌تر خواهد بود
border-width: 1px
border-style: solid
border-color: #404040
border-width: ضخامت را مشخص میکند برای حاشیه ها
border-style: نوع حاشیه را ایجاد خواهد کرد که انواع مختلفی دارد
border-color: رنگ حاشیه را مشخص خواهد کرد
انواح حاشیه ها
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: groove
border-style: ridge;
border-style: inset;
border-style: outset;
border-style: none;
border-style: hidden;
border-style: double;
همچنین به صورت یک جا هم میشه استفاده کرد برای چهار گوشه به صورت زیر
border-style: dotted dashed solid double;
برای شخصی سازی جهت‌های مختلف از دستورات زیر استفاده میکنیم
borderSets all the border properties in one declarationborder-bottomSets all the bottom border properties in one declarationborder-bottom-colorSets the color of the bottom borderborder-bottom-styleSets the style of the bottom borderborder-bottom-widthSets the width of the bottom borderborder-colorSets the color of the four bordersborder-leftSets all the left border properties in one declarationborder-left-colorSets the color of the left borderborder-left-styleSets the style of the left borderborder-left-widthSets the width of the left borderborder-radiusSets all the four border-*-radius properties for rounded cornersborder-rightSets all the right border properties in one declarationborder-right-colorSets the color of the right borderborder-right-styleSets the style of the right borderborder-right-widthSets the width of the right borderborder-styleSets the style of the four bordersborder-topSets all the top border properties in one declarationborder-top-colorSets the color of the top borderborder-top-styleSets the style of the top borderborder-top-widthSets the width of the top borderborder-widthSets the width of the four borders