CSS text-transform দিয়ে টেক্সট ক্যাপিটালাইজেশন নিয়ন্ত্রণ

CSS text-transform প্রপার্টি এলিমেন্টের টেক্সট ক্যাপিটালাইজেশন সেট করতে দেয়। এটি নিচের মানগুলো গ্রহণ করতে পারে: capitalize, lowercase, uppercase, full-width, full-size-kana এবং none।

সিনট্যাক্স

CSS text-transform প্রপার্টির সিনট্যাক্স:

Selector {    text-transform: /*মান*/ }

উদাহরণ

নিচের উদাহরণগুলো CSS text-transform প্রপার্টি বোঝায়:

<!DOCTYPE html> <html> <head> <style> h2 {    text-transform: uppercase; } .demo {    text-transform: lowercase; } q {    text-transform: capitalize;    font-style: italic; } </style> </head> <body> <h2>WordPress</h2> <q>WordPress is open source software you can use to create a beautiful website, blog, or app.</q> <p class="demo">34% of the web uses WordPress, from hobby blogs to the biggest news sites online.</p> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS text-transform দিয়ে টেক্সট ক্যাপিটালাইজেশন নিয়ন্ত্রণ

উদাহরণ

<!DOCTYPE html> <html> <head> <style> div {    background-color: lightgreen;    margin: auto;    text-align: center; } p {    width: 80%;    background-color: aquamarine;    text-decoration: uppercase; } article {    background-color: darksalmon;    text-transform: lowercase; } </style> </head> <body> <h2>What is Magento?</h2> <div> <p>Magento is an open-source e-commerce platform written in PHP.</p> <article> Build your own branded store powered by Magento Commerce and Amazon. Choose from 4,600 themes and extensions in the Magento Marketplace as well as more than 300,000 Magento developers. </article> </div> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

CSS text-transform দিয়ে টেক্সট ক্যাপিটালাইজেশন নিয়ন্ত্রণ