সারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্য একটি ফ্লেক্সবক্স বা গ্রিডে আইটেম সারিবদ্ধ করতে ব্যবহৃত হয়। এটি উল্লম্ব অক্ষের আইটেমগুলিকে সারিবদ্ধ করতে ব্যবহৃত হয় যখন তারা সমস্ত উপলব্ধ স্থান ব্যবহার করে না৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলসারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্য −
সেট করা হচ্ছেobject.style.alignContent ="স্ট্রেচ|সেন্টার|ফ্লেক্স-স্টার্ট|ফ্লেক্স-এন্ড|স্পেস-এর মধ্যেমানগুলি
নিম্নোক্ত মান −
| মান | বিবরণ |
|---|---|
| স্ট্রেচ | এটি ডিফল্ট মান এবং কন্টেইনারে ফিট করার জন্য আইটেমগুলিকে প্রসারিত করতে ব্যবহৃত হয়৷ |
| কেন্দ্র | এটি কন্টেইনারের কেন্দ্রে আইটেমগুলির অবস্থানের জন্য ব্যবহৃত হয়। |
| ফ্লেক্স-স্টার্ট | কন্টেইনারের শুরুতে আইটেমগুলিকে অবস্থান করতে। |
| ফ্লেক্স-এন্ড | কন্টেইনারের শেষে আইটেমগুলির অবস্থান করতে। |
| স্পেস-এর মধ্যে | লাইনগুলির মধ্যে ফাঁক দিয়ে আইটেমগুলির অবস্থান করতে৷ | ৷
| স্পেস-আশেপাশে | রেখার আগে, মাঝখানে এবং পরে স্পেস দিয়ে আইটেমগুলির অবস্থান করতে। |
| প্রাথমিক | এই প্রপার্টিটিকে প্রারম্ভিক মান সেট করার জন্য। |
| উত্তরাধিকার | অভিভাবক সম্পত্তি মান উত্তরাধিকারী হতে। |
উদাহরণ
আসুন সারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্য -
এর উদাহরণটি দেখিক্লিক করে উপরের div-এর সারিবদ্ধ বিষয়বস্তু বৈশিষ্ট্যপরিবর্তন বেলও বোতাম
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
