ویژگی border-spacing CSS
- صفحه قبل border-right-width
- صفحه بعدی border-start-end-radius
تعریف و استفاده
ویژگی border-spacing فاصله بین لبه‌های سلول‌های مجاور را تنظیم می‌کند (تنها برای حالت جداسازی لبه‌ها استفاده می‌شود).
نکته:برخی از نسخه‌های مرورگر IE از این ویژگی پشتیبانی نمی‌کنند.
توضیحات
این ویژگی فاصله بین مرزهای سلول‌ها در مدل جداسازی لبه‌ها را مشخص می‌کند. در دو مقدار طول مشخص شده، اولین مقدار فاصله افقی و دومین مقدار فاصله عمودی است. مگر اینکه border-collapse به separate تنظیم شود، این ویژگی نادیده گرفته می‌شود. با اینکه این ویژگی فقط برای جدول‌ها اعمال می‌شود، اما می‌تواند توسط تمام عناصر در جدول به ارث برود.
لطفاً به:
آموزش CSS:جدول CSS
دستورالعمل HTML DOM:ویژگی borderSpacing
مثال
برای تنظیم border-spacing جدول:
table
{
border-collapse:separate;
border-spacing:10px 50px;
}
قوانین CSS
border-spacing: length|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| length length |
این مقدار فاصله بین لبه‌های سلول‌های مجاور را مشخص می‌کند. از واحد‌هایی مانند px، cm و غیره استفاده می‌شود. مقدار منفی مجاز نیست. اگر یک پارامتر تعریف شود، length اگر یک پارامتر تعریف شود، فاصله افقی و عمودی را تعریف می‌کند. اگر دو پارامتر تعریف شود، length اگر دو پارامتر تعریف شود، اولین پارامتر فاصله افقی و دومین پارامتر فاصله عمودی را تنظیم می‌کند. |
| inherit | این باید مقدار border-spacing را از عنصر والد به ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | مشخص نشده |
|---|---|
| ارث: | بله |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | object.style.borderSpacing="15px" |
مثال‌های بیشتر
- تنظیم فضای خالی بین لبه‌های جدول
- این مثال نشان می‌دهد که چگونه می‌توان فاصله بین لبه‌های سلول‌ها را تنظیم کرد.
پشتیبانی مرورگر
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- صفحه قبل border-right-width
- صفحه بعدی border-start-end-radius
