সিএসএস text-transform প্রোপার্টি
ব্রাউজার সাপোর্ট
property | Google Chrome | Edge | Mozila Firefox | Safari | Opera |
---|---|---|---|---|---|
text-transform | ১.০ | ৪.০ | ১.০ | ১.০ | ৭.০ |
সংজ্ঞা ও ব্যবহার
text-transform প্রোপার্টি লেখা capilalization নিয়ন্ত্রণ করে।
Initial Value: | Inherited: |
---|---|
none | হ্যাঁ |
সিএসএস সিনট্যাক্স
text-transform: none/capitalize/uppercase/lowercase/initial/inherit;
<p> এলিমেন্টে বিভিন্ন লেখা ট্রান্সফর্মঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="uppercase"> bangladesh is a beautiful country. </p>
<p class="lowercase"> bangladesh is a beautiful country. </p>
<p class="capitalize"> bangladesh is a beautiful country. </p>
</body>
</html>
ফলাফল
জাভাস্ক্রিপ্ট সিনট্যাক্স
object.style.textTransform="uppercase"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>css referance example</title>
</head>
<body>
<p> " উদাহরণ দেখুন " বাটনে ক্লিক করলে DIV এলিমেন্টের টেক্সটি পরিবর্তিত হবে :</p>
<button onclick="myFunction()"> উদাহরণ দেখুন </button>
<div id="myDIV"> The country of Bangladesh (গণপ্রজাতন্ত্রী বাংলাদেশ), is a country in South Asia.
It shares land borders with India and Myanmar (Burma). Nepal, Bhutan and China are located near
Bangladesh but do not share a border with it. The country's maritime territory in the Bay of
Bengal is roughly equal to the size of its land area.[10] Bangladesh is the world's eighth most
populous country. Dhaka is its capital and largest city, followed by Chittagong, which has the
country's largest port.
</div>
<script>
function myFunction() {
document.getElementById("myDIV").style.textTransform = "uppercase";
}
</script>
</body>
</html>
ফলাফল
text-transform প্রোপার্টির ভ্যালু-সমূহ
- none - কেপিটালাইজেশন নেই। লেখা রেন্ডার হিসাবে উপস্থাপন করে । এটি ডিফল্ট ।
- capitalize - প্রতিটি শব্দের প্রথম অক্ষর বড় হাতের অক্ষরে রূপান্তরিত করে ।
- uppercase - প্রতিটি অক্ষর বড়হাতের অক্ষরে রূপান্তরিত করে ।
- lowercase - প্রতিটি অক্ষর ছোটহাতের অক্ষরে রূপান্তরিত করে ।
- initial - সিএসএস প্রোপার্টির ডিফল্ট ভ্যালু সেট করে। আরও জানতে initial অধ্যায় ভিজিট করুন।
- inherit - এই প্রোপার্টির ভ্যালু প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। আরও জানতে inherit অধ্যায় ভিজিট করুন।
text-transform প্রোপার্টির ভ্যালু-সমুহের ব্যবহার দেখার জন্য স্ব-স্ব ভ্যালুতে ক্লিক করুন।