خصوصیت column-gap CSS

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

ویژگی column-gap فضای بین ستون‌ها را تعیین می‌کند.

توضیحات:اگر فضای بین ستون‌ها تنظیم شده باشد column-rule، که در وسط فضای بین ستون‌ها نمایش داده می‌شود.

لطفاً به:

آموزش CSS3:چند ستون CSS3

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

مثال

تعیین فضای بین ستون‌ها به 40 پیکسل:

div {
  column-gap: 40px;
}

آزمایش کنید

مثال‌های بیشتر در پایین صفحه وجود دارد.

آموزش CSS:

column-gap: length|normal;

مقدار ویژگی

مقدار توضیح آزمایش
length فضای بین ستون‌ها را به طول مشخصی تنظیم کنید. آزمایش
normal تعیین فضای بین ستون‌ها به یک فضای معمولی. آزمایش

جزئیات فنی

مقدار پیش‌فرض: normal
وراثت: no
نسخه: CSS3
آموزش نحوی JavaScript: object.style.columnGap="40px"

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

Column-count
تقسیم متن داخل عنصر div به سه ستون.
Column-rule
تعیین عرض، سبک و رنگ بین ستون‌ها.

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

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

اعداد که دارای -webkit- یا -moz- هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

خصوصیات Chrome IE / Edge Firefox Safari Opera
در چند ستون 50 10 52 10 37
در شبکه 66 16 61 12 53
در جعبه انعطاف‌پذیر 84 84 63 14.1 70