অক্ষরগুলোর মধ্যবর্তী স্পেস CSS letter-spacing প্রপার্টি ব্যবহার করে সমায়োজিত করা যায়। CSS letter-spacing প্রপার্টির সিনট্যাক্স নিম্নরূপ:
সিনট্যাক্স
Selector { letter-spacing: /*মান*/ }
নিচের উদাহরণগুলো CSS letter-spacing প্রপার্টি উদাহরণ দেয়:
উদাহরণ
<!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>
আউটপুট
এটি নিচের আউটপুট দেয়:
