ডিসপ্লে প্রোপার্টি ভ্যালু ব্লক ব্যবহার করে একটি এলিমেন্ট একটি নতুন লাইনে শুরু হয়। যে সঙ্গে, এটা পুরো প্রস্থ লাগে. অতএব, উপাদানটি একটি ব্লক উপাদান হিসাবে প্রদর্শিত হয়।
উদাহরণ
এখন CSS -
-এ ডিসপ্লে ব্লক বাস্তবায়নের একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: orange;
color: white;
}
p.demo1 {
display: block;
}
p.demo2 {
display: inline-block;
}
</style>
</head>
<body>
<h1>Match Details</h1>
<div>
Match will begin at <p class="demo1">10AM</p> on 19th Decemenber, 2019.
</div>
<hr />
<div>
Match will end at <p class="demo2">5PM</p> on 19th Decemenber, 2019.
</div>
</body>
</html> আউটপুট
আসুন এখন আরেকটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: orange;
color: white;
}
p.demo {
display: block;
}
</style>
</head>
<body>
<h1>Student Result</h1>
<div>
The result of MCA student will be declared on <p class="demo">20th Decemeber 2019</p>Check the website on the same day at 8PM.
</div>
</body>
</html> আউটপুট
