خصوصیت border
مثال (خصوصیت border)
تنظیم style چهار لبه عنصر <p>:
p
{
border:5px solid red;
}
خودتان امتحان کنید »{
border:5px solid red;
}
تعریف و کاربرد
با استفاده از خصوصیت border، می توانید در یک مرحله، style چهار لبه اطراف عنصر را مشخص نمایید.
خصوصیت هایی که می توانید تنظیم نمایید بترتیب برابر است با:
- border-width
- border-style
- border-color
توجه: اهمیتی ندارد که یکی از مقادیر بالا ذکر نشود، تنها رعایت ترتیب مقادیر مهم است.
| مقدار پیشفرض | مشخص نشده |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.border="3px solid blue" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت border را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| border-width | width لبه ها را مشخص می کند. |
| border-style | style لبه ها رامشخص می کند. |
| border-color | color لبه ها را مشخص می کند. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9427
