سبد (0)

خصوصیت border-collapse

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

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

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

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

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

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

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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 مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه