Css advance text propertys. সিএসএস এর সব লেখালেখির প্রোপার্টিস। kormopoint
বন্ধুরা আজকে আমি আপনাদের যে বিষয়টি নিয়ে জানাবো সেটি হচ্ছে সিএসএস এর টেক্সট প্রপার্টি গুলো সম্পর্কে।
সিএসএস কি?................
সিএসএস হচ্ছে এটি ওয়েট ল্যাঙ্গুয়েজ এর মাধ্যমে আমরা আমাদের ওয়েবসাইট কে ডিজাইন করতে পারি। এইচ এস এর শুধুমাত্র এইচটিএমএল ল্যাংগুয়েজ এর উপর কাজ করে যেমন কোন বিল্ডিং বা দালান তৈরি করার সময় যেমন শুধু ইটিনা তার সাথে সিমেন্ট লাগে ঠিক তেমনি একটি ওয়েবসাই তৈরি করতে গেলে শুধু html না সিএসএস এরও প্রয়োজন আছে।
এই সিএসএস ছাড়া কোন ওয়েবসাইটকে একদম ভালোভাবে এবং দেখার উপযুক্ত করে তুলতে খুবই কষ্ট হবে কারণ এই সি এস এস আর অন্য কোন প্রোগ্রামের ল্যাঙ্গুয়েজ ব্যবহার করতে গেলে আমাদের সকলেরই অনেক বেশি ঝামেলা হতে পারে।
এ কারণে এই html এর সাথে সিএসএস এর ব্যবহার খুবই গুরুত্বপূর্ণ। একটি ওয়েবসাইট কে সুন্দর করে তোলার জন্য শুধু এইচটিএমএল নয় সিএসএস এবং এছাড়া আরো অন্যান্য ল্যাঙ্গুয়েজ গুলোর প্রয়োজন হতে পারে।
আজকে আমি আপনাদের সিএসএস এর মধ্যে টেক্সট এর জন্য কি কি কাজ করা যায় সেগুলো সম্পর্কে জানাবো। এই সিএসএস দিয়ে একটি লেখাকে কি কি এনিমেশন বা ডিসাইন দেওয়া যায়। আমাদের শেষের মধ্যে যদি কোন কিছু ব্যবহার করতে বা মডিফাই করতে চাই তাহলে আমাদের সেই জিনিসের আইডি বা ক্লাস খুবই জরুরী।
সিএসএস আইডি এবং ক্লাস এর ব্যবহার?............
এই এস্টিমেল এর উপর সিএসএস এপ্লাই করতে হলে আমাদের সর্বপ্রথম প্রয়োজন যে আমরা কোন জিনিসটি বা কোন জায়গাটার উপর এই এনিমেশন গুলো এপ্লাই করতে চাই সেটি ধরা। আর সেটি ধরার জন্য আমাদের এইচটিএমএল এর মধ্যে বিভিন্ন ক্লাস এবং আইডি ডিফারেন্ট করে দিতে হবে।
ক্লাস আমরা এটি ত্যাগের মধ্যে একাধিকবার ব্যবহার করতে পারি কিন্তু আইডি আমরা একটি ট্যাগের মধ্যে একবারই ব্যবহার করতে পারি। আর সিএসএস এর মধ্যে গিয়ে যদি ক্লাস হয় তাহলে ডট আর যদি আইডি হয় তাহলে হাস দিয়ে সেই নামটি দিয়ে দিব এবং সেকেন্ড ব্রাকেট এর মধ্যে আমরা সেই অ্যানিমেশন এর কোড গুলো দিয়ে দিব।
সিএসএস এর টেক্সট এর মধ্যে আমরা যা যা ব্যবহার করতে পারি:-----------
আমরা আমাদের আইডিটি ডিফেন্ড করে দেওয়ার পর সর্বপ্রথম আমরা এই টেক্সটির ফন্ট সাইজ বাড়াতে বা কমাতে পারি এর জন্য এইচটিএমএল এর ফন্ট সাইজ প্রপার্টি দিয়ে তার ভ্যালুটি আপনার টেক্সট এর সাইজ দিয়ে দিবেন। তাহলে আপনার সেই টেক্সটি আপনার সাইজ অনুযায়ী ছোট এবং বড় হতে থাকবে।
এরপর রয়েছে টেক্সট এর কালার চেঞ্জ করা এই টেক্সট এর কালার চেঞ্জ করার জন্য আমরা সাধারণত কালার প্রোপার্টি ব্যবহার করে থাকি। আর যদি ব্যাকগ্রাউন্ড কালার চেঞ্জ করতে চায় তাহলে আমরা ব্যাকগ্রাউন্ড কালার প্রপার্টি ব্যবহার করে সেই কালারটি দিয়ে দেই।
শুধু ব্যাকগ্রাউন্ড কালারই নয় আমরা আমাদের টেক্সট এর মধ্যে বিভিন্ন শ্যাডো অ্যাড করতে পারি। সেটা বলতে আমরা আমাদের টেস্ট এর মধ্যে বিভিন্ন রকমের ছায়া লাগাতে পারি এবং সে আইডি র কালারও আমরা নিজে নিজেই দেখিয়ে দিতে পারি সেজন্য আমরা এই টেক্সট শ্যাডো প্রপার্টি ব্যবহার করে থাকি।
এরপর আমরা চাইলে আমাদের টেক্সটি যদি ইংলিশ হয় সেটি আমরা বড় হাতের ইংলিশ লেটার যাকে আমরা বলি ক্যাপিটাল লেটার এবং ছোট হাতের ইংলিশ লেটার বা স্মল লেটার। এই ট্রান্সফর্মগুলো করার জন্য আমরা সাধারণত টেক্সট ট্রান্সফর্ম এই প্রপার্টিজ ব্যবহার করে থাকে। এবং এটিতে আমরা বড় হাতের ছোট হাতের আবার প্রত্যেকটি শব্দের প্রথম অক্ষর বড় হাতের এরকম ভাবে কনভার্ট করতে পারি।
এরপর আমরা যদি চাই কোনটিক্স কে সেন্টারে নিয়ে যেতে তাহলে আমরা সেই টেক্সটির উইথ আমাদের পছন্দ মত দিয়ে তারপর আমরা এই টেক্সট এর উপর টেক্সট অ্যালাইনমেন্ট সেন্টার প্রপার্টিজ ব্যবহার করে থাকি।। শুধু এখানে আমরা সেন্টারই না লেফট রাইট এছাড়াও টপ এবং বটম ব্যবহার করতে পারি।
আশা করি আমার এই পোস্টটি করে আপনারা সিএসএস এর টেস্ট Propertis গুলোর সম্পর্কে সাধারণ ধারণা টুকু পেয়ে গেছেন।
