عرض

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

ویژگی border-width عرض چهار خط دور کادر را مشخص می‌کند.[۱]

عرض را می‌توان به عنوان یک اندازه خاص (به واحد 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;
}


عرض های مخصوص جوانب

ویژگی border-width می‌تواند یک تا چهار مقدار داشته باشد (برای کادر بالا، کادر سمت راست، کادر پایین، و کادر سمت چپ).

مثال

p.one {
  border-style: solid;
  border-width: 5px 20px; /* 5px top and bottom, 20px on the sides */
}

p.two {
  border-style: solid;
  border-width: 20px 5px; /* 20px top and bottom, 5px on the sides */
}

p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* 25px top, 10px right, 4px bottom and 35px left
}


منابع آموزشی