خصوصیت border-spacing

چاپ

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

تنظیم خصوصیت border-spacing برای یک جدول:

table
{
border-collapse:separate;
border-spacing:10px 50px;
}
خودتان امتحان کنید »

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

با استفاده از خصوصیت border-spacing، می توانید فاصله بین لبه ها در سلول های مجاور یک جدول را مشخص نمایید. (فاصله سلول ها از یکدیگر)

مقدار پیشفرض مشخص نشده
ارث بری بله
نسخه CSS2
JavaScript ساختار object.style.borderSpacing="15px"

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت border-spacing را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 به DOCTYPE! نیاز دارد.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
length length فاصله بین سول های یک جدول را مشخص می کند. مقادیر منفی قابل قبول نیست.
  • اگر فقط یک مقدار مشخص شود، فاصله افقی و عمودی یکسان درنظر گرفته خواهد شد.
  • اگر دو مقدار مشخص شود، مقدار اول فاصله افقی را تنظیم می کند و مقدار دوم فاصله عمودی را تنظیم می کند.
نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

Styling Tables (بیاموز CSS)

HTML DOM reference: borderSpacing property