CSS3-এ শব্দ ভাঙার নিয়ম নির্দিষ্ট করতে, শব্দ-ব্রেক প্রপার্টি ব্যবহার করুন। এই সম্পত্তি লাইন ভাঙ্গা ব্যবহার করা হয়. সম্ভাব্য মানগুলির মধ্যে রয়েছে স্বাভাবিক, ব্রেক-অল, কিপ-অল, ব্রেক-ওয়ার্ড, ইত্যাদি।
CSS3 −
ব্যবহার করে শব্দ ভাঙার নিয়ম উল্লেখ করার জন্য কোডটি নিচে দেওয়া হলউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
span {
display: inline-block;
font-weight: bold;
font-size: 20px;
margin-right: 20px;
}
div {
width: 50px;
border: 3px solid #3008c0;
margin: 10px;
padding: 10px;
font-size: 18px;
display: inline-block;
margin-right: 20px;
}
.normal {
word-break: normal;
}
.break-all {
word-break: break-all;
}
.break-word {
word-break: break-word;
}
</style>
</head>
<body>
<h1>Word Breaking Rules Example</h1>
<span>NORMAL </span> <span>BREAK ALL</span> <span>BREAK WORD</span>
<br />
<div class="normal">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
<div class="break-all">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
<div class="break-word">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে
