ویژگی border-bottom-width CSS

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

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

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

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

لطفاً ببینید:

آموزش CSS:حاشیه CSS

دستورالعمل CSS:ویژگی border-bottom

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

مثال

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

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

آزمایش کنید

قوانین CSS

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

مقدار ویژگی

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

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

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

جزئیات فنی

مقدار پیش‌فرض: medium
继承性: no
نسخه: CSS1
قوانین جاوااسکریپت: object.style.borderBottomWidth="thick"

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

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

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

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