CSS align-self অ্যাট্রিবিউট
- পূর্বপাতা align-items
- পরবর্তী পৃষ্ঠা all
অর্থ ও ব্যবহার
align-self অ্যাট্রিবিউটটি ফ্লেক্সিবল কনটেইনারের মধ্যের নির্বাচিত আইটেমকে অবস্থান করার পদ্ধতি নির্দেশ করে
নোটিশ:alignSelf অ্যাট্রিবিউটটি ফ্লেক্সিবল কনটেইনারের align-items অ্যাট্রিবিউট
আরও দেখুন:
CSS টিউটোরিয়াল:CSS Grid
CSS টিউটোরিয়াল:CSS Flexbox
CSS রেফারেন্স ম্যানুয়েল:alignContent অ্যাট্রিবিউট
CSS রেফারেন্স ম্যানুয়েল:alignItems অ্যাট্রিবিউট
CSS রেফারেন্স ম্যানুয়েল:justifySelf অ্যাট্রিবিউট
HTML DOM রেফারেন্স ম্যানুয়েল:alignSelf অ্যাট্রিবিউট
প্রয়োগ
ফ্লেক্সিবল ইলিমেন্টের মধ্যের একটি আইটেমকে মধ্যভাগে সামালোকন
#myBlueDiv {
align-self: center;
}
CSS গ্রামার
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
অ্যাট্রিবিউট মান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট। এলিমেন্টটি তার পিতৃ কনটেইনারের align-items অ্যাট্রিবিউটকে উত্তরসূরী করে, যদি পিতৃ কনটেইনার না থাকে, তবে "stretch" |
| stretch | এলিমেন্টটি কনটেইনারের মানে একত্রিত হয় |
| center | এলিমেন্টটি কনটেইনারের মধ্যে অবস্থান করে |
| flex-start | এলিমেন্টটি কনটেইনারের শুরুতে অবস্থান করে |
| flex-end | এলিমেন্টটি কনটেইনারের শেষে অবস্থান করে |
| বেসলাইন | এলিমেন্টটি কনটেইনারের বেসলাইনে অবস্থান করে |
| initial | এই অ্যাট্রিবিউটকে তার ডিফল্ট মানে ন্যায় করুন। দেখুন: initial。 |
| inherit | এই অ্যাট্রিবিউটটি তার পিতৃ ইলেকট্রনটিকে থেকে উত্তরসূরী করে। দেখুন: inherit。 |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন তৈরি: | সমর্থন করা না। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট。 |
| সংস্করণ: | CSS3 |
| জেভাস্ক্রিপ্ট গ্রামার: | object.style.alignSelf="center" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই লোকেশনটিকে এই অ্যাট্রিবিউটটির প্রথম সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণ নির্দেশ করে।
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এডজ | ফায়ারফক্স | সাফারি | ওপেরা |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- পূর্বপাতা align-items
- পরবর্তী পৃষ্ঠা all
