CSS কলাম-ফিল প্রতিশব্দ
- পূর্ব পৃষ্ঠা column-count
- পরবর্তী পৃষ্ঠা column-gap
বিবরণ ও ব্যবহার
column-fill প্রতিভূতি স্তম্ভকে কিভাবে পূরণ করা হবে (সমন্বয় করা হবে কিনা) নির্ধারণ করে。
অন্যান্য দেখুন:
CSS3 শিক্ষাক্রম:CSS3 বহুভাগ
HTML DOM পরিচিতি বইয়ের হাল্কা একাডেমি:columnFill প্রতিভূতি
উদাহরণ
কিভাবে স্তম্ভকে পূরণ করা হবে নির্ধারণ করুন:
div { column-fill:auto; }
CSS য়াক্রতম
column-fill: balance|auto;
প্রতিভূতি
মান | বর্ণনা |
---|---|
balance | স্তম্ভগুলিকে সমন্বয় করা হয়। ব্রাউজারকে স্তম্ভের দৈর্ঘ্যের পার্থক্যকে ন্যূনতম করা হবে。 |
auto | ক্রমানুসারে স্তম্ভগুলিকে পূরণ করা হয়, স্তম্ভের দৈর্ঘ্য ভিন্ন হবে。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | balance |
---|---|
পরিবর্তনযোগ্যতা: | no |
সংস্করণ: | CSS3 |
JavaScript য়াক্রতম | object.style.columnFill="auto" |
আরও উদাহরণ
- Column-count
- div তাত্ত্বিক উপাদানের টেক্সটকে তিনটি স্তম্ভে ভাগ করুন。
- Column-gap
- div তাত্ত্বিক উপাদানের টেক্সটকে তিনটি স্তম্ভে ভাগ করে, এবং স্তম্ভের মধ্যে 30 পিক্সেল বিচ্ছিন্নতা নির্ধারণ করুন。
- Column-rule
- নির্দিষ্ট স্তম্ভগুলির চাপ, শৈলী এবং রঙ নির্ধারণ করুন。
ব্রাউজার সমর্থন
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- পূর্ব পৃষ্ঠা column-count
- পরবর্তী পৃষ্ঠা column-gap