اسٹائل borderWidth خاصیت

تعریف اور استعمال

borderWidth ایسے کرونک کی قدمی یا رد کی کی دینے والی خاصیت.

اس کی خاصیت کو ایک سے چار اعداد کا استعمال کیا جاسکتا ہے:

  • ایک مرتبہ، مثلاً: p {border-width: thick} - تمام چار کانتیر تھک کا ہیں
  • دو مقادیر، مثلاً: p {border-width: thick thin} - کانتور بالا و پایین ضخیم، کانتور چپ و راست نازک
  • سه مقادیر، مثلاً: p {border-width: thick thin medium} - کانتور بالا ضخیم، کانتور چپ و راست نازک، کانتور پایین متوسط
  • چهار مقادیر، مثلاً: p {border-width: thick thin medium 10px} - کانتور بالا ضخیم، کانتور راست نازک، کانتور پایین متوسط، کانتور چپ 10px

لطفاً به

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

دستورالعمل CSS:ویژگی border-width

دستورالعمل HTML DOM:ویژگی border

مثال

مثال 1

عرض کانتورهای چهار تا عناصر <div> رو تغییر بده:

document.getElementById("myDiv").style.borderWidth = "thick";

تلاش شخصی کن

مثال 2

عرض کانتورهای بالا و پایین عناصر <div> رو به ضخیم و عرض کانتورهای چپ و راست رو به نازک تغییر بده:

document.getElementById("myDiv").style.borderWidth = "thick thin";

تلاش شخصی کن

مثال 3

با استفاده از مقادیر طول، عرض کانتورهای چهار تا عناصر <div> رو تغییر بده:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

تلاش شخصی کن

مثال 4

برگشتی عرض کانتور عناصر <div>:

alert(document.getElementById("myDiv").style.borderWidth);

تلاش شخصی کن

قوانین

برگشتی borderWidth ویژگی:

object.style.borderWidth

تنظیم ویژگی borderWidth:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
مقادیر توضیح
thin کانتورهای نازک رو تعریف می‌کنه.
متوسط کانتورهای متوسط رو تعریف می‌کنه. پیش‌فرض.
thick کانتورهای ضخیم رو تعریف می‌کنه.
length عرض کانتور به وسیله طول.
initial این ویژگی رو به مقادیر پیش‌فرض خود تنظیم کن. لطفاً به initial.
inherit این ویژگی رو از عنصر والد خود به ارث می‌بره. لطفاً به inherit.

جزئیات فنی

مقادیر پیش‌فرض: متوسط
مقادیر برگشتی: فارغ بيانات، که عرض کانتور عناصر رو نشون می‌ده.
CSS ورزن: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی