Style alignContent অ্যাট্রিবিউট

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

যখন উপাদানটি অনুভূমিক অক্ষে (ভিক্টিক্যাল) সমস্ত ব্যবহার্য স্পেসকে ব্যবহার করে নাalignContent ফ্লেক্সিবল কনটেন্টারের উপাদানকে সামালিত করুন

পরামর্শ:পরামর্শ: justifyContent অ্যাট্রিবিউট মূল অক্ষে (অনুভূমিক) উপাদানকে সামালিত করুন

মন্তব্য:এই এট্রিবিউটটি কার্যকর হওয়ার জন্য বহুভাবে প্রয়োজনীয়তা থাকতে হবে

উদাহরণ

ফ্লেক্সিবল <div> উপাদানটির প্রয়োজনীয়তা থেকে স্পেস থাকা দুই লাইনের মধ্যে রাখুন:

document.getElementById("main").style.alignContent = "space-between";

স্বয়ং প্রয়োগ করুন

সিন্ট্যাক্স

alignContent এট্রিবিউট ফলাফল দিয়ে আসুক:

object.style.alignContent

alignContent এট্রিবিউট সমায়োজন করুন:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

এট্রিবিউট মান

মান বর্ণনা
stretch ডিফল্ট মান। লাইন স্পেসটি বাকি স্পেসটি দখল করে
center প্রয়োজনীয়তা থেকে সারা দিন স্পেস থাকে
flex-start প্রয়োজনীয়তা থেকে সারা দিন স্পেস থাকে
flex-end প্রয়োজনীয়তা থেকে সারা দিন স্পেস থাকে
space-between প্রয়োজনীয়তা থেকে সারা দিন স্পেস থাকে
space-around প্রয়োজনীয়তা থেকে সারা দিন শুধুমাত্র স্পেস থাকে
initial এই এট্রিবিউটটিকে তার ডিফল্ট মানে সমায়োজিত করুন। দেখুন initial。
inherit এই এট্রিবিউটটি পারেন্ট উপাদান থেকে উত্তরণ করে। দেখুন inherit。

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

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

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

alignContent এটা CSS3 (1999) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি এটা সম্পূর্ণভাবে সমর্থন করে:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন 11

সংশ্লিষ্ট পাতা

CSS ২য়ার্ড হান্ডবুক:align-content এট্রিবিউট

HTML DOM STYLE ২য়ার্ড হান্ডবুক:alignItems এট্রিবিউট

HTML DOM STYLE ২য়ার্ড হান্ডবুক:alignSelf এট্রিবিউট

HTML DOM STYLE ২য়ার্ড হান্ডবুক:justifyContent অ্যাট্রিবিউট