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