خصوصیت border-left

چاپ

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

تنظیم style لبه سمت چپ عنصر <p>:

p
{
border-style:solid;
border-left:thick double #ff0000;
}
خودتان امتحان کنید »

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

با استفاده از خصوصیت مختصر border-left، می توانید تمام خصوصیت های لبه سمت چپ را در یک اعلان، تنظیم نمایید.

خصوصیت هایی که می توانید تنظیم نمایید بترتیب برابر است با:

  1. border-left-width
  2. border-left-style
  3. border-left-color

توجه: اهمیتی ندارد که یکی از مقادیر بالا ذکر نشود، تنها رعایت ترتیب مقادیر مهم است.

مقدار پیشفرض مشخص نشده
ارث بری خیر
نسخه CSS1
JavaScript ساختار object.style.borderLeft="3px solid blue"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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)

HTML DOM reference: borderLeft property