CSS লেখার সময়, আপনি এমন পরিস্থিতির সম্মুখীন হতে পারেন যেখানে আপনি পৃষ্ঠায় একটি উপাদান কীভাবে সারিবদ্ধ করা হয় তা পরিবর্তন করতে চান। এই নিবন্ধে, আমরা CSS প্রপার্টি এবং সম্পত্তির মানগুলি অন্বেষণ করব যেগুলি কীভাবে একটি উপাদান উল্লম্বভাবে সারিবদ্ধ করা হয় তা পরিবর্তন করবে৷
সম্পত্তির সিনট্যাক্স নিম্নরূপ:
vertical-align: property-value;
যেখানে সম্পত্তি-মূল্য নিম্নলিখিত বিকল্পগুলির মধ্যে যেকোনও অন্তর্ভুক্ত করতে পারে:বেসলাইন, দৈর্ঘ্য, উপ, সুপার, শীর্ষ, পাঠ্য-শীর্ষ, মধ্যম, নীচে, পাঠ্য-নীচ, প্রাথমিক বা উত্তরাধিকার৷
সম্পত্তি মান
বেসলাইন
`বেসলাইন` প্রপার্টির মান হল ডিফল্ট, যেখানে উপাদানটি মূল উপাদানের বেসলাইনের সাথে সারিবদ্ধ থাকে।
দৈর্ঘ্য
`দৈর্ঘ্য` বৈশিষ্ট্যের মান একটি নির্দিষ্ট দৈর্ঘ্য দ্বারা উপাদানটিকে বাড়ায় বা কমায়, সে দৈর্ঘ্য সেন্টিমিটার, পিক্সেল বা ইএমএসে চিহ্নিত করা হোক না কেন। মান ধনাত্মক হলে উপাদানটি বাড়ানো হবে এবং মান ঋণাত্মক হলে কমানো হবে। একইভাবে, উপাদানটিকে ইতিবাচক বা নেতিবাচক শতাংশ ব্যবহার করে বাড়ানো বা কমানো যেতে পারে।
উপ
'সাব' প্রপার্টি মান উপাদানটিকে মূল উপাদানের সাবস্ক্রিপ্ট বেসলাইনের সাথে সারিবদ্ধ করে, যা ডিফল্টের চেয়ে কম।
সুপার
'সুপার' প্রপার্টি মান মূল উপাদানের সুপারস্ক্রিপ্ট বেসলাইনের সাথে উপাদানটিকে সারিবদ্ধ করে, যা ডিফল্টের চেয়ে বেশি।
শীর্ষ
`শীর্ষ` প্রপার্টি মানটি উপাদানটিকে লাইনের সর্বোচ্চ উপাদানের শীর্ষের সাথে সারিবদ্ধ করে।
81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷
৷গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় কাটিয়েছে।
টেক্সট-টপ
'টেক্সট-টপ' প্রপার্টি মান উপাদানটিকে মূল উপাদানে ব্যবহৃত পাঠ্যের শীর্ষের সাথে সারিবদ্ধ করে।
মধ্য
'মধ্যম' সম্পত্তি মান মূল উপাদানের কেন্দ্রে উপাদানটিকে সারিবদ্ধ করে।
নীচে
'নীচে' সম্পত্তি মান লাইনের সর্বনিম্ন উপাদানের সাথে উপাদানটিকে সারিবদ্ধ করে।
পাঠ্য-নীচ
'টেক্সট-বটম' প্রপার্টি মান মূল উপাদানে ব্যবহৃত পাঠ্যের নীচের অংশের সাথে উপাদানটিকে সারিবদ্ধ করে।
প্রাথমিক
'প্রাথমিক' সম্পত্তি মান সম্পত্তিটিকে তার আসল মান সেট করে।
উত্তরাধিকার
'উত্তরাধিকারী' সম্পত্তি মান মূল উপাদান থেকে তার প্রান্তিককরণ বৈশিষ্ট্য পায়।
তারা সব সম্পত্তি মান এবং প্রান্তিককরণের উপর তাদের প্রভাব! আপনি আপনার CSS এ কোন সম্পত্তির মান প্রয়োগ করেছেন?
উপসংহার
এই নিবন্ধে, আমরা আলোচনা করেছি কিভাবে CSS ব্যবহার করে একটি পৃষ্ঠায় একটি উপাদানকে উল্লম্বভাবে সারিবদ্ধ করা যায়। আপনি যদি CSS-এ নতুন হয়ে থাকেন, তাহলে আমাদের পরিচায়ক নিবন্ধগুলি দেখুন, CSS কী? ক্যাসকেডিং স্টাইল শীটগুলির একটি ভূমিকা এবং সিএসএস শেখার জন্য বিগিনারস গাইড৷