CSS কলাম-ফিল প্রতিশব্দ

বিবরণ ও ব্যবহার

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