خصوصیت border-top

مثال (خصوصیت border-top)

تنظیم style لبه ی بالایی عنصر <p>:

p
{
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)

: نوشته شده توسط امیر پهلوان صادق; بازدید: 6285

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی