CSS font-weight

By /

CSS ফন্ট-ওয়েট

এই বৈশিষ্ট্যটি ফন্টের পুরুত্ব এবং সাহসিকতা নির্ধারণের জন্য ব্যবহৃত হয়। এটি পাঠ্যের ওজন নির্ধারণ করতে ব্যবহৃত হয়। উপলব্ধ ওজন ফন্ট-পরিবারের উপর নির্ভর করে, যা ব্রাউজার দ্বারা ব্যবহৃত হয়।

বাক্য গঠন:

ফন্ট-ওজন: স্বাভাবিক | হালকা | সাহসী | সাহসী | সংখ্যা | উত্তরাধিকারী | প্রাথমিক | আনসেট

সম্পত্তি মান

স্বাভাবিক: এটি ডিফল্ট ফন্ট-ওয়েট যার সাংখ্যিক মান 400।

লাইটার: এটি ফন্ট-পরিবারের বিদ্যমান ফন্ট-ওজন বিবেচনা করে এবং হরফ-ওজনটিকে মূল উপাদানের সাথে তুলনা করে হালকা করে।

বোল্ডার: এটি ফন্ট-পরিবারের বিদ্যমান হরফ-ওজন বিবেচনা করে এবং হরফ-ওজনটিকে মূল উপাদানের তুলনায় ভারী করে তোলে।

বোল্ড: এর নাম থেকে বোঝা যায়, এটি বোল্ড ফন্ট-ওজন সংজ্ঞায়িত করতে ব্যবহৃত হয় এবং এর সাংখ্যিক মান হল 700।

সংখ্যা: এটি নির্দিষ্ট সংখ্যার উপর ভিত্তি করে ফন্ট-ওজন সেট করতে ব্যবহৃত হয়। এর পরিসীমা 1 থেকে 1000 এর মধ্যে হতে পারে।

প্রাথমিক: এটি ফন্ট-ওয়েটকে তার ডিফল্ট মান সেট করতে ব্যবহৃত হয়।

আসুন এই সম্পত্তির একটি উদাহরণ দেখুন।

উদাহরণ:

  1. </!DOCTYPE html>   
  2. </html>   
  3. </head>   
  4. <title> font-weight property </title>   
  5.  <style>   
  6.    body{   
  7.  font-family: sans-serif;   
  8.  }   
  9.  p.one{   
  10.  font-weight: normal;   
  11.   }   
  12.   p.two{   
  13. font-weight: lighter;   
  14.        }   
  15.               
  16.        p.three{   
  17.             font-weight: bolder;   
  18.         }   
  19.         
  20.         p.four{   
  21.             font-weight: bold;   
  22.         }   
  23.         
  24.         p.five{   
  25.             font-weight: 1000;   
  26.         }   
  27.         
  28.         p.six{   
  29.             font-weight: initial;   
  30.         }   
  31.         p.seven{   
  32.             font-weight: inherit;   
  33.         }   
  34.         p.eight{   
  35.             font-weight: unset;   
  36.         }   
  37.         
  38.     </style>   
  39. </head>   
  40.     
  41. <body>   
  42.     <p class=“one”>   
  43.        normal property value  
  44.     </p>   
  45.     
  46.     <p class=“two”>   
  47.       lighter property value  
  48.     </p>   
  49.     
  50.     <p class=“three”>   
  51.       bolder property value  
  52.     </p>   
  53.     <p class=“four”>   
  54.       bold property value  
  55.    </p>   
  56.    <p class=“five”>   
  57.       number property value  
  58.    </p>   
  59.   
  60.     <p class=“six”>   
  61.       initial property value  
  62.     </p>   
  63.     <p class=“seven”>   
  64.       inherit property value  
  65.     </p>   
  66.     <p class=“eight”>   
  67.       unset property value  
  68.     </p>   
  69. </body>   
  70. </html>  


Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top