خصوصیت border-collapse
مثال (خصوصیت border-collapse)
تبدیل لبه های دوخطی به یک خطی در table:
table
{
border-collapse:collapse;
}
خودتان امتحان کنید »{
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)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9938
