خصوصیت 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)

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