40% تخفیف با کد Mehr روی تمام آموزش ها بمناسبت فرارسیدن ماه مهر ...!
زمان باقی مانده (تمدید شد)
سبد (0)

آموزش‌های پیشنهادی فرادرس

خصوصیت border-collapse

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

تبدیل لبه های دوخطی به یک خطی در table:

table
{
border-collapse:collapse;
}
خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از خاصیت border-collapse، می توانید لبه های دوخطی یک جدول را به لبه های یک خطی و مجزا تبدیل نمایید. (در HTML لبه های جدول بصورت پیشفرض دوخطی است)

مقدار پیشفرضseparate
ارث بریبله
نسخهCSS2
JavaScript ساختارobject.style.borderCollapse="collapse"

پشتیبانی مرورگرها

تمام مرورگرهای اصلی، خصوصیت border-collapse را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند.

توجه: اگر اعلان DOCTYPE! را تنظیم نکنید، خصوصیت border-collapse ممکن است نتایج متفاوتی را تولید نماید.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
collapseزمانی که خصوصیت های border-spacing و empty-cells در نظر گرفته نشوند، لبه های دوخطی یک جدول را به لبه های یک خطی و مجزا تبدیل می کند.نمایش دادن »
separateزمانی که خصوصیت های border-spacing و empty-cells در نظر گرفته شوند، لبه های جدول را به لبه های دو خطی تبدیل می کند.نمایش دادن »
inheritتعیین می کند که باید از والدش، ارث بری داشته باشد. 

بیاموزهای مرتبط

Styling Tables (بیاموز CSS)

HTML DOM reference: borderCollapse property

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان