خصوصیت 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 تعيين مي کند که بايد از والدش، ارث بري داشته باشد.