ویژگی border-left CSS

تعریف و استفاده

ویژگی مختصر border-left تمام ویژگی‌های لبه چپ را در یک تعریف قرار می‌دهد.

می‌توانید به ترتیب زیر ویژگی‌ها را تنظیم کنید:

اگر یکی از مقادیر را تنظیم نکنید، مشکلی ایجاد نمی‌شود، مانند border-left:solid #ff0000; نیز مجاز است.

لطفاً به:

آموزش CSS:پیمان بندی CSS

دستورالعمل HTML DOM:ویژگی borderLeft

مثال

تنظیم سبک لبه چپ:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

آزمایش کنید

نوشتار CSS

border-left: border-width border-style border-color|initial|inherit;

مقادیر ویژگی

مقادیر توضیحات
border-left-width تعیین عرض لبه چپ. مراجعه به:border-left-width ممکن‌ترین مقادیر در اینجا ممکن است.
border-left-style تعیین سبک لبه چپ. مراجعه به:border-left-style ممکن‌ترین مقادیر در اینجا ممکن است.
border-left-color تعیین رنگ لبه چپ. مراجعه به:border-left-color ممکن‌ترین مقادیر در اینجا ممکن است.
inherit تعیین می‌کند که باید تنظیمات ویژگی border-left از عنصر والد ارث برده شود.

جزئیات فنی

مقدار پیش‌فرض: not specified
erbیت‌پذیری: no
نسخه: CSS1
آموزش زبان JavaScript: object.style.borderLeft="3px solid blue"

مثال‌های بیشتر

تمام ویژگی‌های لبه چپ در یک تعریف قرار دارند
تمام ویژگی‌های لبه چپ در یک تعریف قرار دارند

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگری هستند که از این ویژگی کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

توضیحات:مرورگرهای IE7 و قدیمی‌تر از نسخه "inherit" پشتیبانی نمی‌کنند. IE8 نیاز به !DOCTYPE دارد. IE9 از "inherit" پشتیبانی می‌کند.