خصوصیت border-width

مثال

تنظیم width چهار لبه عنصر <p>:

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

تعریف و کاربرد

با استفاده از خصوصیت border-width، می توانید عرض لبه های یک عنصر را تعیین نمایید. این خصوصیت از یک تا چهار مقدار می تواند داشته باشد.

مثال:

  1. border-width:thin medium thick 10px;
    • thin لبه بالا
    • medium لبه راست
    • thick لبه پایین
    • 10px لبه چپ
  2. border-width:thin medium thick;
    • thin لبه بالا
    • medium لبه راست و چپ
    • thick لبه پایین
  3. border-width:thin medium;
    • thin لبه بالا و پایین
    • medium لبه راست و چپ
  4. border-width:thin;
    • thin تمام چهار لبه

توجه: اگر خاصیت border-style تنظیم نشده باشد خاصیت border-top-width کار نخواهد کرد.

مقدار پیشفرض medium
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.borderWidth="thin thick"

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

    

تمام مرورگرهای اصلی، خصوصیت border-width را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

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