ویژگی border-bottom-width CSS

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

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

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

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

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

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

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

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

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

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

مقدار پیش‌فرض:	medium
ارث‌پذیری:	no
نسخه:	CSS1
جمله‌بندی JavaScript:	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" پشتیبانی می‌کند.