ตัวแปร align-self CSS

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

align-items অ্যালিগাইন-ইটমস এট্রিবিউটকে ফ্লেক্স কন্টেনারের মধ্যের প্রযুক্তির ডিফল্ট অবস্থান নির্ধারণ করতে ব্যবহার করুন。

সুঝাওয়া:প্রত্যেক প্রযুক্তির align-self এই align-items এট্রিবিউটকে অবরূপ করার জন্য এই এট্রিবিউটকে ব্যবহার করুন。

অন্যান্য দেখুন:

CSS শিক্ষাক্রম:CSS Grid

CSS শিক্ষাক্রম:CSS Flexbox

CSS পরিচ্ছেদপত্র:align-content এট্রিবিউট

CSS পরিচ্ছেদপত্র:align-self এট্রিবিউট

CSS পরিচ্ছেদপত্র:justify-content এট্রিবিউট

CSS পরিচ্ছেদপত্র:justify-items এট্রিবিউট

CSS পরিচ্ছেদপত্র:justify-self এট্রিবিউট

HTML DOM পরিচ্ছেদপত্র:alignItems এট্রিবিউট

উদাহরণ

সকল এলিগাবল <div> এলিমেন্টটির মধ্যস্থ অবস্থান করানোর জন্য:

div {
  display: flex;
  align-items: center;
}

স্বয়ং প্রয়াস করুন

CSS য়াক্তিকা

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

অ্যাট্রিবিউট মান

মান বর্ণনা
stretch ডিফল্ট। প্রযুক্তি কন্টেনারের সাথে মানুষ সাজানো হয়
center প্রযুক্তি কন্টেনারের মধ্যে অবস্থান করে
flex-start প্রযুক্তি কন্টেনারের ভাবমুখ অবস্থান করে
flex-end প্রযুক্তি কন্টেনারের শেষে অবস্থান করে
বেসলাইন প্রযুক্তি কেন্দ্রভূমিত হয়
initial এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে নিন। দেখুন: initial。
inherit এই অ্যাট্রিবিউটটি তার পিতৃ ইলেক্ট্রনের থেকে উত্তরণ করুন। দেখুন: inherit。

প্রযুক্তিগত বিস্তার

ডিফল্ট মান: stretch
উত্তরণ: না
অ্যানিমেশন তৈরি: সমর্থন নেই। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট。
সংস্করণ: CSS3
JavaScript য়াক্তিকা: object.style.alignItems="center"

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

টেবিলের সংখ্যা এই অ্যাট্রিবিউটটি যে প্রথম ব্রাউজারের সম্পূর্ণভাবে সমর্থিত তা বলা হয়。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0