خصوصیت border-width

مثال (خصوصیت border-width)

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

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

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

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

مثال:

border-width:thin medium thick 10px;
- thin لبه بالا
- medium لبه راست
- thick لبه پایین
- 10px لبه چپ
border-width:thin medium thick;
- thin لبه بالا
- medium لبه راست و چپ
- thick لبه پایین
border-width:thin medium;
- thin لبه بالا و پایین
- medium لبه راست و چپ
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	تعیین می کند که باید از والدش، ارث بری داشته باشد.

بیاموزهای مرتبط

CSS Border (بیاموز CSS)

: نوشته شده توسط امیر پهلوان صادق; بازدید: 6483