সিএসএস
🌈সিএসএস কি?
📋সিএসএস হলো শব্দের বিন্যাস ও বিভাজন নির্দিষ্ট করার পদ্ধতি।
⚒️সিএসএস শব্দের বিন্যাস ও বিভাজন নির্দিষ্ট করতে ব্যবহৃত হয়।
সিএসএস সমূহ
সিএসএস এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ 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 | শব্দের মধ্যবর্তী ফাঁক নির্ধারণ করতে ব্যবহৃত হয়। |