ویژگی border-bottom CSS
- صفحه قبل border-block-width
- صفحه بعدی border-bottom-color
تعریف و استفاده
ویژگی‌های کوتاه borderBottom تمام ویژگی‌های لبه‌های پایینی را در یک جمله تنظیم می‌کند.
می‌توانید به ترتیب زیر ویژگی‌ها را تنظیم کنید:
اگر یکی از این مقادیر تنظیم نشود، مشکلی ایجاد نمی‌شود، به عنوان مثال border-bottom:solid #ff0000; نیز مجاز است.
برای اطلاعات بیشتر:
آموزش CSS:کناره‌های CSS
دستورالعمل HTML DOM:ویژگی borderBottom
مثال
تنظیم سبک لبه‌های پایینی:
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
قوانین CSS
border-bottom: border-width border-style border-color|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| border-bottom-width | تعیین می‌کند که عرض لبه‌های پایینی چگونه باشد. برای اطلاعات بیشتر:border-bottom-width ممکن است در اینجا وجود داشته باشد. |
| border-bottom-style | تعیین می‌کند که سبک لبه‌های پایینی چگونه باشد. برای اطلاعات بیشتر:border-bottom-style ممکن است در اینجا وجود داشته باشد. |
| border-bottom-color | برای اطلاعات بیشتر:border-bottom-color ممکن است در اینجا وجود داشته باشد. |
| inherit | تعیین می‌کند که باید تنظیمات ویژگی border-bottom از عنصر والد ارث‌برداری شود. |
جزئیات فنی
| مقدار پیش‌فرض: | not specified |
|---|---|
| نسبت‌دهی: | no |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | object.style.borderBottom="3px solid blue" |
مثال‌های بیشتر
- تمام ویژگی‌های لبه‌های پایینی در یک جمله
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از ویژگی‌های کوتاه تمام ویژگی‌های لبه‌های پایینی را در یک جمله تنظیم کرد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگری هستند که از این ویژگی پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
توضیحات:مرورگرهای IE7 و قدیمی‌تر از مقدار "inherit" پشتیبانی نمی‌کنند. IE8 نیاز به !DOCTYPE دارد. IE9 از "inherit" پشتیبانی می‌کند.
- صفحه قبل border-block-width
- صفحه بعدی border-bottom-color
