পাঠক বন্ধুরা আপনারা যারা CSS শিখতে
এই “ফ্রী বাংলা টিউটোরিয়াল” সাইটে এসেছেন তাদেরকে বিগত টিউটোরিয়াল এর
উপস্থাপনা গুলো প্রয়োজনে ভিডিও দেখে সাথে সাথে নিজে কিছু একটা তৈরি করার
চেষ্টা করুন দেখবেন CSS কি পারে আর কি পারেনা। তো পাঠক বন্ধুরা আজ আমরা CSS
এর একটা অতি গুরুত্বপূর্ণ বিষয় আর সেটা হল CSS এর positioning properties
গুলো। এইগুলো দিয়ে আপনি HTML এর কোন উপাদানকে নির্দিষ্ট জায়গাই উপস্থাপন
করতে পারেন। আসলে কোন একটা উপাদানের right, top, bottom, left মান
নির্দিষ্ট করে দেওয়া যায়। এর দ্বারা এমনকি আপনি এক উপাদানের পেছনে আর এক
উপাদান সেট করতে পারেন ইচ্ছে করলে এটির আকার বা গড়ন ঠিক করে দিতে পারেন।
এর প্রপার্টি গুলো হল left, right, top, bottom, position, z-index,
overflow ইত্যাদি। নিচের কোড দিয়ে সংক্ষিপ্ত আলোচনা করা হলঃ
উপরের কোড এ overflow এর property value সাধারণত এটাই প্রকাশ করে যে জায়গা
যদি অসংকুলান হয় তবে কি তা দেখা যাবে না যাবেনা। নাকি স্ক্রল করবে।
position এর property value প্রয়োজন মতো fixed, absolute আর relative সেট
করতে হয়। যেহেতু মান গুলোর নামের মধ্যেই তাদের কাজের রূপ ফুতে উঠছে তাই
আমি বেশী না বাড়িয়ে আরও একটা কোড দেখিঃ
উপরের clip property value ![]()
tag এর ছবিটির আকৃতি আয়তাকার
হিসেবে সেট করা আছে যেখানে প্রথম 0px মান top, 50px মানটি right এর এবং
পরের দুটি যথাক্রমে bottom ও left edge প্রকাশ করে। আর z-index property এর
ভালু বিভিন্ন দিয়ে লেয়ার করতে পারব। নিচের কোডটি practice করলে z-index
বিষয়টি পরিষ্কার হয়ে যাবেঃ
এখানে লেয়ার একের z-index এর মান লেয়ার দুয়ের মানের চেয়ে বড় তাই
header.jpg উপরে আর footer.jpg নিচে অবস্থান করবে। আজ এপর্যন্তই আপনাদের
ধন্যবাদ।
একটি মন্তব্য পোস্ট করুন Blogger Facebook
fuck
ass
suck
dick