CSS অক্ষর-স্পেসিং বৈশিষ্ট্য ব্যবহার করে অক্ষরের মধ্যে স্থান সামঞ্জস্য করা যেতে পারে। CSS অক্ষর-স্পেসিং সম্পত্তির সিনট্যাক্স নিম্নরূপ-
সিনট্যাক্স
Selector { letter-spacing: /*value*/ }
নিম্নলিখিত উদাহরণগুলি CSS অক্ষর-স্পেসিং বৈশিষ্ট্য −
চিত্রিত করেউদাহরণ
<!DOCTYPE html> <html> <head> <style> div { box-shadow: 0 -10px 0 1px lightpink; } li { letter-spacing: 5px; line-height: 1.2em; } </style> </head> <body> <h2>Demo Heading</h2> <div> <ol> <li>This is demo text!</li> <li>This is it!</li> <li>This is another demo text!</li> </ol> </div> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html> <html> <head> <style> dt { font-size: 20px; letter-spacing: -2px; word-spacing: 1em; color: white; font-style: italic; background-color: cadetblue; } dd { letter-spacing: 2pt; } </style> </head> <body> <h2>Programming Languages and Databases</h2> <dl> <dt>Java</dt> <dd>A programming language developed by James Gosling.</dd> <dt>C++</dt>> <dd>A programming language developed by Bjarne Stroustrup.</dd> <dt>MySQL</dt> <dd>MySQL is an open-source relational database management system.</dd>>> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -