CSS text-transform এক্সপ্রেস
- পূর্ববর্তী পৃষ্ঠা text-shadow
- পরবর্তী পৃষ্ঠা text-underline-offset
সংজ্ঞা ও ব্যবহার
text-transform অ্যাট্রিবিউট টেক্সটের বৃত্তিশৈলী নিয়ন্ত্রণ করে。
বর্ণনা
এই অ্যাট্রিবিউট ইলেকট্রনের মধ্যে অক্ষরের বৃত্তিশৈলী পরিবর্তন করবে, যাহোক সূত্রদস্ত ডকুমেন্টের টেক্সটের বৃত্তিশৈলী কীভাবে থাকে তা নির্দিষ্ট করে না।যদি মানটি capitalize হয়, তবে কিছু অক্ষরকে বড় করা হবে, কিন্তু কোনও একটি অক্ষরকে বড় করা হবে তা নির্দিষ্ট করা হয় না, তা ব্যবহারকারী প্রতিনিধির উপর নির্ভর করে。
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS টেক্সট
HTML DOM পরিসংখ্যান হান্ডবুক:textTransform অ্যাট্রিবিউট
উদাহরণ
বিভিন্ন ইলেকট্রনের টেক্সট রূপান্তর
h1 {text-transform:uppercase;} h2 {text-transform:capitalize;} p {text-transform:lowercase;}
সুঝানা ও মন্তব্য
মন্তব্য:বিভিন্ন ব্যবহারকারী প্রতিনিধিগণ শব্দটি কোথায় শুরু করবে তা নির্ধারণ করার জন্য ভিন্ন পদ্ধতি ব্যবহার করতে পারে, যার ফলে কোনও একটি শব্দকে দুইভাবেই দেখা যেতে পারে: "W3-school" এবং "W3-School"।CSS কোনও একটি পদ্ধতিকে সঠিক বলে নির্দিষ্ট করে না, তাই উভয়ই সম্ভব
CSS য়াকৃতি
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
অ্যাট্রিবিউট মান
মান | বর্ণনা |
---|---|
না | ডিফল্ট।ছোট ও বড় অক্ষরের মাধ্যমে স্তান্দার্ড টেক্সট নির্দিষ্ট করা হয়。 |
capitalize | টেক্সটের প্রত্যেক শব্দ বড় অক্ষরে শুরু করে থাকে。 |
uppercase | শুধুমাত্র বড় অক্ষর থাকে。 |
lowercase | বড় অক্ষর নেই, শুধুমাত্র ছোট অক্ষর থাকে。 |
উত্তরাধিকার | পিতৃ ইলেকট্রন থেকে text-transform অ্যাট্রিবিউটের মান উত্তরাধিকার করা হবে বলে নির্দিষ্ট করা হয়েছে。 |
টেকনিক্যাল বিবরণ
ডিফল্ট মান: | না |
---|---|
পৃথকীকরণ: | হ্যাঁ |
সংস্করণ: | CSS1 |
JavaScript য়াকৃতি: | object.style.textTransform="uppercase" |
আরও উদাহরণ
- টেক্সটের অক্ষর নিয়ন্ত্রণ
- এই উদাহরণটি শুরু করে দেখায় যে কিভাবে টেক্সটের অক্ষরের বৃত্তিশৈলী নিয়ন্ত্রণ করা যায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে যে ব্রাউজারগুলি এই অ্যাট্রিবিউটটির পূর্ণ সমর্থন করে তা উল্লেখ করা হয়েছে。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- পূর্ববর্তী পৃষ্ঠা text-shadow
- পরবর্তী পৃষ্ঠা text-underline-offset