ویژگی Style columnGap

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

columnGap ویژگی فاصله‌ی بین ستون‌ها را مشخص می‌کند.

نکته:اگر column-rule بین ستون‌ها تنظیم شده باشد، آن در فاصله‌ی بین آنها نمایش داده می‌شود.

لطفاً به

آموزش CSS3:مولفه‌های چند ستونی CSS

دستورالعمل‌های CSS:ویژگی column-gap

مثال

فاصله‌ی بین ستون‌ها را به 40 پیکسل تنظیم می‌کند:

document.getElementById("myDIV").style.columnGap = "50px";

آزمایش شخصی کنید

قوانین دستور زبان

بازگشتی ویژگی columnGap:

object.style.columnGap

تنظیم ویژگی columnGap:

object.style.columnGap = "length|normal|initial|inherit"

مقدار ویژگی

مقدار توضیح
length فاصله‌ی بین ستون‌ها را به طول مشخصی تنظیم می‌کند.
normal مقدار پیش‌فرض. فاصله‌ی بین ستون‌ها را به فاصله‌ی معمولی تنظیم می‌کند. مقدار پیش‌فرض پیشنهادی W3C 1em است.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit

جزئیات فنی

مقدار پیش‌فرض: normal
مقدار بازگشتی: رشته، که نشان‌دهنده فاصله‌ی ویژگی column-gap
CSS نسخه‌: CSS3

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0