مثال (خصوصیت border-top)
تنظیم style لبه ی بالایی عنصر <p>:
p
{
border-style:solid;
border-top:thick double #ff0000;
}
خودتان امتحان کنید »{
border-style:solid;
border-top:thick double #ff0000;
}
تعریف و کاربرد
با استفاده از خصوصیت مختصر border-top، می توانید در یک مرحله تمام خصوصیت های لبه بالایی را تنظیم نمایید.
خصوصیت هایی که می توانید تنظیم نمایید بترتیب برابر است با:
- border-top-width
- border-top-style
- border-top-color
توجه: اهمیتی ندارد که یکی از مقادیر بالا ذکر نشود، تنها رعایت ترتیب مقادیر مهم است.
| مقدار پیشفرض | مشخص نشده |
|---|---|
| ارث بری | خیر |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.borderTop="3px solid blue" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت border-top را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات |
|---|---|
| border-top-width | width لبه بالایی را مشخص می کند. |
| border-top-style | style لبه بالایی را مشخص می کند. |
| border-top-color | color لبه بالایی را مشخص می کند. |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Border (بیاموز CSS)
