CSS بوردر-کالپس کی خاصیت

تعریف و استفاده

ویژگی border-collapse برای تنظیم این است که آیا لبه‌های جدول به عنوان یک لبه واحد جمع شوند یا مانند HTML استاندارد جداگانه نمایش داده شوند.

لطفاً به:

آموزش CSS:CSS جدول

دستورالعمل HTML DOM:ویژگی borderCollapse

مثال

مدل جمع لبه‌های جدول برای جدول تنظیم می‌شود:

table
  {
  border-collapse:collapse;
  }

آزمایش کنید

جملات CSS

border-collapse: separate|collapse|initial|inherit;

مقدار ویژگی

مقدار توضیح
جداگانه مقدار پیش‌فرض. لبه‌ها جداگانه نمایش داده می‌شوند. از ویژگی‌های border-spacing و empty-cells نادیده گرفته نمی‌شود.
جمع اگر ممکن باشد، لبه‌ها به یک لبه واحد جمع می‌شوند. از ویژگی‌های border-spacing و empty-cells نادیده گرفته می‌شود.
وراثت این ویژگی باید مقدار border-collapse را از عنصر والد به ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: جداگانه
وراثت: بله
نسخه: CSS2
جملات برنامه‌نویسی: وجود دارد.style.borderCollapse="collapse"

مثال‌های بیشتر

جمع لبه‌های جدول
این مثال نشان می‌دهد که آیا باید لبه‌های جدول به عنوان یک لبه جداگانه نمایش داده شوند یا مانند HTML استاندارد به صورت جداگانه نمایش داده شوند.

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0