স্টাইল alignItems এপ্রোপার্টি

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

alignItems এপ্রোপার্টি সমন্বয়কে ফ্লেক্সিবল কন্টেনারের একক প্রয়েক্টের ডিফল্ট অবস্থান নির্ধারণ করে

সুঝাওয়া:প্রত্যেক প্রয়েক্টের align-self এপ্রোপার্টি অবরূপ align-items এপ্রোপার্টি

ইনস্ট্যান্স

সকল ফ্লেক্সিবল <div> উপাদানের প্রয়েক্টকে কন্টেনারের শুরুতে অবস্থান করানো:

document.getElementById("main").style.alignItems = "flex-start";

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

সিন্থ্যাক্স

alignItems এপ্রোপার্টি ফলাফল নিন:

object.style.alignItems

alignItems এপ্রোপার্টি সেট করুন:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

এপ্রোপার্টি মান

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

তকনীকী বিবরণ

ডিফল্ট মান: stretch
ফলাফল: স্ট্রিং, যা উপাদানের align-items এপ্রোপার্টি
CSS সংস্করণ: CSS3

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

alignItems এটা CSS3 (1999) এপ্রোপার্টি।

সমস্ত ব্রাউজার এটা পূর্ণ সমর্থন করে:

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন 11

সংক্রান্ত পাতা

CSS রেফারেন্স ম্যানুয়াল:align-items এপ্রোপার্টি

HTML DOM STYLE সংক্ষিপ্ত পড়াশোনা:alignContent এটিরূপ

HTML DOM STYLE সংক্ষিপ্ত পড়াশোনা:alignSelf এটিরূপ