ویژگی border-collapse CSS

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

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

لطفاً به:

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

منوی مرجع HTML DOM:ویژگی borderCollapse

مثال

مدل یکپارچگی لبه‌های جدول برای جدول تنظیم کنید:

table
  {
  border-collapse:collapse;
  }

آزمایش کنید

شرح زبان CSS

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

مقدار ویژگی

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

جزئیات فنی

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

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

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

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

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

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