CSS ফন্ট-ওয়েট প্রপার্টি একটি উপাদানের টেক্সট অক্ষরের সাহসিকতা নির্ধারণ করতে ব্যবহৃত হয়।
সিনট্যাক্স
CSS ফন্ট-ওয়েট সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
font-weight: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি ফন্ট-ওজন সম্পত্তি −
কে চিত্রিত করে<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: 3px;
font-family: "Ink Free";
width: 30%;
font-size: 24px;
}
#one {
font-weight: normal;
border-bottom: 2px dashed greenyellow;
}
#two {
font-family: "Kristen ITC";
font-weight: bolder;
border-bottom: 2px dashed cornflowerblue;
}
#three {
font-weight: bold;
border-bottom: 2px dashed chocolate;
}
</style>
</head>
<body>
<div id="one">First Demo Text</div>
<div id="two">Another Demo Text</div>
<div id="three">Last Demo Text</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
[class|=lis] {
font-style: italic;
font-weight: bold;
}
li[class|="lis-ul"] {
background-color: cadetblue;
font-family: Helvetica;
font-weight: 100;
color: gainsboro;
width: 20%;
}
</style>
</head>
<body>
<h2>Tutorials</h2>
<ol>
<li><p>C#</li>
<li class="lis-ul-2">DBMS</li>
<li class="lis-3">OS</li>
<li>Java</li>
<ul>
<li class="lis-ul-one">Core Java</li>
<li class="lis">Advance Java</li>
</ul>
</ol>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
