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
جمله‌بندی JavaScript: object.style.borderBottomWidth="thick"

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

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

چروم IE / ایج فایرفاکس سافاری اوپرا
1.0 4.0 1.0 1.0 3.5

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