ویژگی border-bottom-width CSS
- صفحه قبل border-bottom-style
- صفحه بعدی border-collapse
تعریف و استفاده
ویژگی borderBottom-width عرض لبه پایین عنصر را تنظیم میکند.
این ویژگی تنها زمانی کار میکند که سبک لبه none نباشد. اگر سبک لبه none باشد، عرض لبه به مقدار 0 بازمیگردد. نمیتوان مقدار منفی برای طول指定 کرد.
توضیحات:لطفاً همیشه ویژگی border-style را قبل از border-bottom-width اعلام کنید. عنصر باید دارای لبه باشد تا بتوان عرض آن را تغییر داد.
لطفاً ببینید:
آموزش CSS:حاشیه CSS
دستورالعمل CSS:ویژگی border-bottom
دستورالعمل HTML DOM:ویژگی borderBottomWidth
قوانین 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" پشتیبانی میکند.
- صفحه قبل border-bottom-style
- صفحه بعدی border-collapse