টেক্সট-ট্রান্সফর্ম:বড় হাতের CSS বৈশিষ্ট্য একটি পাঠ্য উপাদানের বিষয়বস্তু সমস্ত ক্যাপে সেট করে। আপনি এই বৈশিষ্ট্যটি একটি পাঠ্য উপাদানের বিষয়বস্তু ছোট হাতের অক্ষর বা শিরোনাম ক্ষেত্রে সেট করতেও ব্যবহার করতে পারেন। টেক্সট-ট্রান্সফর্ম অনুচ্ছেদ, শিরোনাম, বা অন্য কোন পাঠ্য উপাদানে প্রযোজ্য হতে পারে।
একটি ওয়েবসাইট লেখার এবং বিকাশ করার সময়, বিকাশকারীরা প্রয়োজনে পাঠ্য ফন্টের ক্ষেত্রে সামঞ্জস্য করতে CSS বৈশিষ্ট্যগুলি ব্যবহার করতে পারে। আমরা এই নিবন্ধে যে দুটি উপায় সম্পর্কে কথা বলব তা হল টেক্সট-ট্রান্সফর্ম ব্যবহার করে এবং ফন্ট-ভেরিয়েন্ট ব্যবহার করে। আসুন উভয়ের সিনট্যাক্স দেখে নেওয়া যাক।
সিএসএস সমস্ত ক্যাপস
আপনি CSS টেক্সট-ট্রান্সফর্ম প্রপার্টি ব্যবহার করে একটি টেক্সট এলিমেন্টের বিষয়বস্তু সব ক্যাপে পরিবর্তন করতে পারেন। এই প্রপার্টি সেট করে যে কিভাবে টেক্সট একটি ওয়েব পেজে ক্যাপিটালাইজ করা হয়। আপনি একটি পাঠ্য উপাদানের বিষয়বস্তু ছোট হাতের অক্ষরে সেট করতে এই বৈশিষ্ট্যটি ব্যবহার করতে পারেন।
পাঠ্যের একটি ব্লক তৈরি করতে সমস্ত বড় অক্ষর আছে, টেক্সট-ট্রান্সফর্ম:বড় হাতের অক্ষর ব্যবহার করুন আপনার CSS সিলেক্টরে:
টেক্সট-ট্রান্সফর্ম:বড় হাতের অক্ষর;
টেক্সট-ট্রান্সফর্ম বৈশিষ্ট্য তিনটি সম্ভাব্য মান গ্রহণ করে:
- বড় হাতের অক্ষর:প্রতিটি শব্দকে একটি পাঠ্য উপাদানে বড় হাতের অক্ষরে সেট করে।
- ছোট হাতের অক্ষর:টেক্সট ছোট হাতের অক্ষরে সেট করে।
- ক্যাপিটালাইজ:প্রতিটি শব্দকে ক্যাপিটালাইজ করে, টাইটেল কেস নামেও পরিচিত।
চলুন টেক্সট-ট্রান্সফর্ম পদ্ধতির একটি উদাহরণ দেখি।
সমস্ত ক্যাপস CSS উদাহরণ
আমরা একটি ওয়েব পৃষ্ঠা তৈরি করতে যাচ্ছি যা "এই পৃষ্ঠাটি বিদ্যমান নেই" প্রদর্শন করে। সমস্ত বড় অক্ষরে।
81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷
৷গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় ব্যয় করেছে।
এটি করার জন্য, আমরা আমাদের সমস্ত অক্ষর বড় হাতের অক্ষরে টাইপ করতে পারি। এই পদ্ধতির নেতিবাচক দিক হল যে আমাদের ম্যানুয়ালি আমাদের পাঠ্যটি পুনরায় লিখতে হবে। এত ছোট বাক্যের জন্য এটা কোনো সমস্যা নয়। কিন্তু, যদি আপনি টেক্সটের দীর্ঘ স্ট্রিং এর ক্ষেত্রে পরিবর্তন করেন তাহলে ম্যানুয়ালি অক্ষর পরিবর্তন করা ক্রমবর্ধমান ঝামেলার হয়ে উঠবে।
নিরাপদে থাকার জন্য আমরা টেক্সট-ট্রান্সফর্ম পদ্ধতি ব্যবহার করতে যাচ্ছি।
আসুন আমাদের পাঠ্য এবং পাঠ্য-রূপান্তর নিয়মের সাথে একটি HTML নথি সংজ্ঞায়িত করি:
<html>
<head>
<style>
p {
text-transform: uppercase;
}
</style>
</head>
<body>
<p>this is in all caps</p>
</body>
</html> নির্বাচিত পাঠ্যের সমস্ত অক্ষর বড় হাতের অক্ষরে প্রদর্শিত হয়।
প্রথমে, আমরা একটি
ট্যাগ সংজ্ঞায়িত করি। এই ট্যাগে একটি