CSS – عرض حاشیه (Border Width)
Last Update:
ویژگی border-width
در CSS برای تعیین عرض چهار طرف حاشیه استفاده میشود.
عرض حاشیه میتواند به صورت یک مقدار خاص (مانند px، pt، cm، em و غیره) یا با استفاده از یکی از سه مقدار از پیش تعریف شده تعیین شود: thin
، medium
، یا thick
.
مثالها:
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
نتیجه:
- حاشیه با عرض 5px
- حاشیه با عرض متوسط (medium)
- حاشیه با عرض 2px
- حاشیه با عرض ضخیم (thick)
عرضهای خاص برای هر طرف
ویژگی border-width
میتواند یک تا چهار مقدار داشته باشد (برای حاشیه بالا، راست، پایین و چپ).
مثالها:
p.one {
border-style: solid;
border-width: 5px 20px; /* 5px بالا و پایین، 20px در طرفین */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 20px بالا و پایین، 5px در طرفین */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 25px بالا، 10px راست، 4px پایین و 35px چپ */
}
این تنظیمات به شما امکان میدهند که حاشیههای مختلف را با عرضهای متفاوت برای هر طرف عنصر تنظیم کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام