ویژگی Style borderCollapse
- صفحه قبلی borderBottomWidth
- صفحه بعدی borderColor
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
borderCollapse ویژگی تنظیم یا بازگشت اینکه آیا لبه‌های جدول باید به یک لبه واحد فروپاشند یا خیر.
لطفاً به
آموزش CSS:جداول CSS
دستورالعمل CSS:ویژگی border-collapse
مثال
مثال 1
لغو فروپاشی لبه‌های جدول:
document.getElementById("myTable").style.borderCollapse = "collapse";
مثال 2
بازگشت ویژگی borderCollapse:
alert(document.getElementById("myTable").style.borderCollapse);
نحوه‌ی نوشتن
بازگشت ویژگی borderCollapse:
object.style.borderCollapse
تنظیم ویژگی borderCollapse:
object.style.borderCollapse = "separate|collapse|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| separate | لبه‌های جداگانه برای تمام عناصر سلول جدول می‌کشد. پیش‌فرض. |
| collapse |
اگر ممکن باشد، لبه‌ها به یک لبه واحد ترکیب می‌شوند. border-spacing و ویژگی empty-cells نادیده گرفته می‌شوند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | separate |
|---|---|
| مقدار بازگشتی: | رشته، که لبه‌های جدول را نشان می‌دهد. |
| نسخه CSS: | CSS2 |
پشتیبانی مرورگر
جداول عددی نشان‌دهنده نسخه مرورگر اولیه‌ای که این ویژگی را پشتیبانی می‌کند، هستند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
- صفحه قبلی borderBottomWidth
- صفحه بعدی borderColor
- برگشت به لایه بالاتر اجزای Style HTML DOM
