ویژگی 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
زبان برنامه‌نویسی JavaScript: 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" پشتیبانی می‌کند.