CSS কলাম-গ্যাপ প্রতিশব্দ
- পূর্ব পৃষ্ঠা column-fill
- পরবর্তী পৃষ্ঠা column-rule
সংজ্ঞা ও ব্যবহার
column-gap প্রকৃতি স্তম্ভের মধ্যের বিভাজনকে নির্ধারণ করে。
মন্তব্য:যদি স্তম্ভের মধ্যে বিভাজন নির্ধারণ করা হয় column-ruleযা বিভাজনের মধ্যে দেখানো হবে。
আরও দেখুন:
CSS3 শিক্ষা:CSS3 বহুস্তভূমিকা
HTML DOM পরিচ্ছেদ হান্ডবুক:columnGap প্রকৃতি
উদাহরণ
স্তম্ভের মধ্যের বিভাজনকে 40 পিক্সেল নির্ধারণ করে:
div { column-gap: 40px; }
পাতার নিচে আরও উদাহরণ আছে。
CSS সংজ্ঞা
column-gap: length|normal;
প্রকৃতির মান
মান | বর্ণনা | পরীক্ষা |
---|---|---|
length | স্তম্ভের মধ্যের বিভাজনকে নির্দিষ্ট দৈর্ঘ্য নির্ধারণ করে। | পরীক্ষা |
normal | স্তম্ভের মধ্যের সরাসরি বিভাজনকে একটি সাধারণ বিভাজন হিসাবে নির্ধারণ করে।W3C পদ্ধতির মতো মান 1em হয়। | পরীক্ষা |
টেকনিক্যাল বিবরণ
ডিফল্ট মান: | normal |
---|---|
উত্তরসূরীতা: | no |
সংস্করণ: | CSS3 |
JavaScript সংজ্ঞা: | object.style.columnGap="40px" |
আরও উদাহরণ
- Column-count
- ডিভ ইলেমেন্টের মধ্যের টেক্সটকে তিনটি স্তম্ভে ভাগ করে।
- 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 |
- পূর্ব পৃষ্ঠা column-fill
- পরবর্তী পৃষ্ঠা column-rule