ویژگی Style 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی