خصوصیت border-width
مثال (خصوصیت border-width)
تنظیم width چهار لبه عنصر <p>:
p
{
border-style:solid;
border-width:15px;
}
خودتان امتحان کنید »{
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)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 6691
