কম্পিউটার

শব্দ ব্যবধান CSS সঙ্গে কাজ


CSS শব্দ-স্পেসিং বৈশিষ্ট্য একটি উপাদানের শব্দের মধ্যে স্থান নির্দিষ্ট করতে ব্যবহৃত হয়।

সিনট্যাক্স

CSS শব্দ-স্পেসিং বৈশিষ্ট্যের সিনট্যাক্স নিম্নরূপ -

Selector {
   word-spacing: /*value*/
}

উদাহরণ

নিম্নলিখিত উদাহরণগুলি CSS শব্দ-ব্যবধান বৈশিষ্ট্য −

চিত্রিত করে
<!DOCTYPE html>
<html>
<head>
<style>
div {
   display: flex;
   float: left;
   padding: 10px;
   background-color: salmon;
}
div > div {
   word-spacing: 30px;
   width: 340px;
   height: 140px;
   border-radius: 5%;
   box-shadow: inset 0 0 15px blueviolet;
}
</style>
</head>
<body>
<div>
<div>
Magento is an open source E-commerce software, created by Varien Inc., which is useful for 
online business. It has a flexible modular architecture and is scalable with many control 
options that is helpful for users.</div>
</div>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

শব্দ ব্যবধান CSS সঙ্গে কাজ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
q {
   display: flex;
   padding: 10px;
   word-spacing: 6em;
   background-color: orange;
   font-size: 1.2em;
}
</style>
</head>
<body>
<h2>What is Java?</h2>
According to Java's official documentation,
<hr>
<q cite="https://www.java.com/en/download/faq/whatis_java.xml">Java is a programming language and computing platform first released by Sun Microsystems in 1995.</q>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

শব্দ ব্যবধান CSS সঙ্গে কাজ


  1. ফ্লেক্সবক্সের সাথে অগ্রিম CSS লেআউট

  2. কিভাবে CSS দিয়ে ইউজার রেটিং স্কোরকার্ড তৈরি করবেন?

  3. CSS শব্দস্পেসিং প্রপার্টি দিয়ে শব্দের মধ্যে ব্যবধান পরিচালনা করা

  4. বিশুদ্ধ CSS সহ মসৃণ স্ক্রলিং