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