CSS کالام پرزیرئے

تعریف و استعمال

columns پرزو ایک مختصر پرزو ہے، جو کالم کی چوڑائی اور تعداد کو سیٹ کرتا ہے。

مزید دیکھئے:

CSS3 درس:کیس3 چند سٹول

HTML DOM مرجع دستورات:columns پرزو

مثال

کالم کی چوڑائی اور کالموں کی تعداد کا تعین کرتا ہے:

div
{
columns:100px 3;
}

خود کا تجربہ کریئن

صفحہ کے نیچے مزید مثال موجود ہیں。

CSS گرامر

columns: کولم-وائڈت column-count;

پرزو

مقدار وصف
کولم-وائڈت کالم کی چوڑائی
column-count کالموں کی تعداد

تکنیکی تفصیلات

مقصد: آوتو آوتو
وارثیت: نہیں
ورزن: CSS3
جاوا اسکریپت گرامر: عنصر.style.columns="100px 3"

مزید مثال

Column-count
div علامت میں کالموں کو تین کالموں میں تقسیم کرتا ہے。
Column-gap
div علامت میں کالموں کو تین کالموں میں تقسیم کرتا ہے، اور کالموں کے درمیان 30 پیکسلو کا فاصلہ رکھتا ہے。
Column-rule
کالن کے درمیان کی چوڑائی، انداز اور رنگ کا تعین کرتا ہے。

براؤزر کی پشتیبندگی

جداول میں دکھائی گئی اعداد اس کی پرامن پشتیبندگی کی پہلی براؤزر ورزن کا نشان دہی کرتا ہے。

数字 جسد -webkit- یا -moz- کا استعمال پہلی ورزن کا پرافیکس استعمال کئے جانے کا نشان دہی کرتا ہے。

چروم آئی ای / ایج فائر فاکس سافری اوپرا
50.0
4.0 -webkit-
10.0 52.0
9.0 -moz-
9.0
3.1 -webkit-
37.0
15.0 -webkit-
11.1