ویژگی border-width CSS

تعریف و استفاده

ویژگی کوتاه borderWidth عرض پیرامون تمام عناصر را تنظیم می‌کند یا به طور جداگانه برای هر یک از پیرامون‌ها تنظیم می‌کند.

این ویژگی تنها زمانی عمل می‌کند که سبک پیرامون none نباشد. اگر سبک پیرامون none باشد، عرض پیرامون در واقع به 0 بازمی‌گردد. نمی‌توان مقدار منفی طول指定 کرد.

مثال 1

border-width:thin medium thick 10px;
  • پیرامون بالا نازک است
  • پیرامون سمت راست متوسط است
  • پیرامون پایین کلفت است
  • پیرامون چپ 10px عرض دارد

مثال 2

border-width:thin medium thick;
  • پیرامون بالا 10px است
  • پیرامون سمت راست و چپ متوسط هستند
  • پیرامون پایین کلفت است

مثال 3

border-width:thin medium;
  • پیرامون بالا و پایین نازک هستند
  • پیرامون سمت راست و چپ متوسط هستند

مثال 4

border-width:thin;
  • تمام چهار پیرامون نازک هستند

مثال

عرض چهار پیرامون را تنظیم کنید:

p
  {
  border-style:solid;
  border-width:15px;
  }

آزمایش کنید

قوانین CSS

border-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

مقدار توضیح
تعریف عرض پیرامون نازک. thin
medium پیش‌فرض. عرض پیرامون متوسط را تعریف می‌کند.
thick عرض پیرامون کلفت را تعریف می‌کند.
length به شما اجازه می‌دهد عرض پیرامون را شخصی‌سازی کنید.
inherit مقدار عرض پیرامون باید از عنصر والد ارث‌بندی شود.

مثال‌های بیشتر

تمام ویژگی‌های عرض پیرامون در یک بیان
این مثال نشان می‌دهد که چگونه می‌توان با استفاده از ویژگی‌های کوتاه تمام ویژگی‌های عرض پیرامون را در یک بیان تنظیم کرد.

جزئیات فنی

مقدار پیش‌فرض: medium
انجام: no
نسخه: CSS1
قوانین جاوااسکریپت: اجسام.style.borderWidth="thin thick"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

لطفاً به: مراجعه کنید

آموزش CSS:حاشیه CSS

منابع HTML DOM:ویژگی borderWidth