Style flex বৈশিষ্ট্য

সংজ্ঞা ও ব্যবহার

flex বৈশিষ্ট্যটি প্রকল্পের দৈর্ঘ্য নির্ধারণ করে, যা একই কনটেনারের অন্য লজিক্যাল তত্ত্বাবলীর তুলনায়

flex বৈশিষ্ট্যটি flexGrow, flexShrink এবং flexBasis বৈশিষ্ট্যগুলির সংক্ষিপ্ত বৈশিষ্ট্য

মন্তব্য:যদি এলিমেন্ট লজিক্যাল তত্ত্বাবলী না হলে, তবে flex বৈশিষ্ট্যটি বেআইতিহাসিক

অন্যান্য পরিচ্ছেদক:

CSS পরিচ্ছেদকflex বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexBasis বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexDirection বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexFlow বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexGrow বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexShrink বৈশিষ্ট্য

HTML DOM STYLE পরিচ্ছেদকflexWrap বৈশিষ্ট্য

উদাহরণ

সব লজিক্যাল তত্ত্বাবলীর দৈর্ঘ্যকে একই করে দিন, যেমন তাদের বিষয় কী হোক না

for (i = 0; i < y.length; i++) {
  y[i].style.flex = "1";
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সংজ্ঞা

flex বৈশিষ্ট্য ফিরিয়ে দিন:

object.style.flex

flex বৈশিষ্ট্য সম্পৃক্ত করুন:

object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
flex-grow সংখ্যা, যা প্রতিটি তত্ত্বাবলীকে অন্য লজিক্যাল তত্ত্বাবলীর তুলনায় বাড়াতে ব্যবহার করা হয়
flex-shrink সংখ্যা, যা প্রতিটি তত্ত্বাবলীকে অন্য লজিক্যাল তত্ত্বাবলীর তুলনায় কমাতে ব্যবহার করা হয়
flex-basis

প্রকল্পের দৈর্ঘ্য

বৈধ মান: "auto" | "inherit" বা ইউনিট হিসাবে "%", "px", "em" এর মান, বা অন্য কোনও দৈর্ঘ্য ইউনিট
auto সমান 1 1 auto।
initial সমান 0 1 auto। দেখুন initial।
none সমান 0 0 auto।
inherit এই বৈশিষ্ট্যটি পিতৃ তত্ত্বাবলী থেকে উত্তরাধিকার নেয়। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0 1 auto
ফলাফল: শব্দচিহ্ন, যা প্রতিটি তত্ত্বাবলীর flex বৈশিষ্ট্য。
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
সমর্থন 11.0 সমর্থন 9.0 সমর্থন