display প্রপার্টি
display প্রপার্টি - ব্রাউজার দ্বারা এলিমেন্ট প্রদর্শনের পদ্ধতি
নির্ধারণ করে।
সিনট্যাক্স
সিলেক্টর {
display: মান;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
block |
ব্লক এলিমেন্ট। |
inline |
ইনলাইন এলিমেন্ট। |
inline-block |
ইনলাইন-ব্লক এলিমেন্ট। |
list-item |
এলিমেন্টটি একটি লিস্ট আইটেমে পরিণত হবে এবং এর সামনে একটি লিস্ট মার্কার প্রদর্শিত হবে। |
flex |
এলিমেন্টটিকে একটি ব্লক হিসেবে সেট করে এবং এর চাইল্ড এলিমেন্টগুলি flex এলিমেন্টে পরিণত হয়। |
inline-flex |
এলিমেন্টটিকে একটি ইনলাইন-ব্লক হিসেবে সেট করে এবং এর চাইল্ড এলিমেন্টগুলি flex এলিমেন্টে পরিণত হয়। |
grid |
একটি গ্রিড এলিমেন্ট তৈরি করে। |
none |
এলিমেন্টটি সম্পূর্ণরূপে অদৃশ্য হয়ে যাবে এবং অন্যান্য সকল এলিমেন্ট এমনভাবে আচরণ করবে যেন এই এলিমেন্টটির অস্তিত্ব নেই। |
table |
এলিমেন্টটি একটি টেবিলের মতো আচরণ করবে। |
table-cell |
এলিমেন্টটি একটি টেবিল সেলের মতো আচরণ করবে। |
inline-table |
এলিমেন্টটি একটি টেবিলের মতো আচরণ করবে, কিন্তু টেবিলটি একটি ইনলাইন এলিমেন্ট এবং এটি অন্যান্য এলিমেন্ট দ্বারা র্যাপ করা হয়, উদাহরণস্বরূপ, টেক্সট দ্বারা। |
table-caption |
এলিমেন্টটি caption ট্যাগের মতো আচরণ করবে। |
table-column |
এলিমেন্টটি একটি টেবিল কলামের মতো আচরণ করবে। |
table-row |
এলিমেন্টটি একটি টেবিল সারির মতো আচরণ করবে। |
table-column-group |
এলিমেন্টটি colgroup ট্যাগের মতো আচরণ করবে। |
table-footer-group |
এলিমেন্টটি tfoot ট্যাগের মতো আচরণ করবে। |
table-header-group |
এলিমেন্টটি thead ট্যাগের মতো আচরণ করবে। |
table-row-group |
এলিমেন্টটি tbody ট্যাগের মতো আচরণ করবে। |
run-in |
কনটেক্সটের উপর নির্ভর করে এলিমেন্টটিকে একটি ব্লক বা ইনলাইন হিসেবে সেট করে। |
ডিফল্টভাবে, এলিমেন্টগুলির বিভিন্ন display
মান থাকতে পারে।