জয়েন লগইন

সিএসএস

🌈সিএসএস কি?

📋সিএসএস হলো শব্দের বিন্যাস ও বিভাজন নির্দিষ্ট করার পদ্ধতি।

⚒️সিএসএস শব্দের বিন্যাস ও বিভাজন নির্দিষ্ট করতে ব্যবহৃত হয়।

সিএসএস সমূহ

সিএসএস এবং সেগুলোর ব্যবহারের তালিকা

  • ➡️ word-break - শব্দ ভাঙার নিয়ম নির্ধারণ করা
  • ➡️ word-wrap - দীর্ঘ শব্দ ভাঙার নিয়ম নির্ধারণ করা
  • ➡️ word-spacing - শব্দের মধ্যবর্তী ফাঁক নির্ধারণ করা

word-break - শব্দ ভাঙার নিয়ম নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

p {
  width: 140px;
  border: 1px solid;
}

.keep-all {
  word-break: keep-all;
}

.break-all {
  word-break: break-all;
}

</style>
</head>
<body>

<p class="keep-all">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>
<p class="break-all">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>

</body>
</html>

word-wrap - দীর্ঘ শব্দ ভাঙার নিয়ম নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

p {
  width: 140px;
  border: 1px solid;
}

.normal {
  word-wrap: normal;
}

.break-word {
  word-wrap: break-word;
}

</style>
</head>
<body>

<p class="normal">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>
<p class="break-word">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>

</body>
</html>

word-spacing - শব্দের মধ্যবর্তী ফাঁক নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

.a {
  word-spacing: 4px;
}

.b {
  word-spacing: 8px;
}

</style>
</head>
<body>

<p class="a">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>
<p class="b">প্রোগ্রামিং শিখুন - প্রোগ্রামিং দিয়ে আপনার ক্যারিয়ার গড়ুন</p>

</body>
</html>

সিএসএস সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম বিবরণ
word-break শব্দ ভাঙার নিয়ম নির্ধারণ করতে ব্যবহৃত হয়।
word-wrap দীর্ঘ শব্দ ভাঙার নিয়ম নির্ধারণ করতে ব্যবহৃত হয়।
word-spacing শব্দের মধ্যবর্তী ফাঁক নির্ধারণ করতে ব্যবহৃত হয়।