ویژگی border-left-width CSS

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

ویژگی border-left-width عرض لبه چپ عنصر را تنظیم می‌کند.

این ویژگی تنها زمانی که نوع لبه none نباشد عمل می‌کند. اگر نوع لبه none باشد، عرض لبه به مقدار پیش‌فرض 0 بازمی‌گردد. نمی‌توان مقدار منفی برای طول تعیین کرد.

توضیحات:لطفاً همیشه ویژگی border-style را قبل از border-left-width اعلام کنید. عنصر باید دارای لبه باشد تا بتوان عرض آن را تغییر داد.

لطفاً به: مراجعه کنید

آموزش:کناره‌های CSS

منبع:ویژگی border-left CSS

منبع:ویژگی borderLeftWidth HTML DOM

مثال

تنظیم عرض لبه چپ:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

آزمایش کنید

نوع CSS

border-left-width: medium|thin|thick|length|initial|inherit;

مقدار ویژگی

مقدار توضیحات
thin لبه چپ نازک تعریف می‌کند.
medium مقدار پیش‌فرض. لبه چپ متوسط تعریف می‌کند.
thick لبه چپ ضخیم تعریف می‌کند.
length به شما اجازه می‌دهد عرض لبه چپ را شخصی‌سازی کنید.
inherit تعیین می‌کند که عرض لبه باید از عنصر والد به ارث برده شود.

جزئیات فنی

مقدار پیش‌فرض: medium
ارث‌برداری: no
نسخه: CSS1
نوع جاوااسکریپت: object.style.borderLeftWidth="thick"

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

تنظیم عرض لبه چپ
این مثال نحوه تنظیم عرض لبه چپ را نشان می‌دهد.

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

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

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

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