HTML DOM স্টাইল ফন্ট প্রপার্টি ফন্ট-স্টাইল, ফন্ট-ভেরিয়েন্ট, ফন্ট-ওয়েট, ফন্ট-সাইজ, লাইন-উচ্চতা এবং ফন্ট-ফ্যামিলি নামের ছয়টি বৈশিষ্ট্য সেট করতে বা পাওয়ার জন্য ব্যবহার করা হয়। ফন্ট সাইজ এবং ফন্ট ফ্যামিলি প্রয়োজনীয় অ্যাট্রিবিউট মান এবং এটি অন্য সব অনুপস্থিত মানের জন্য ডিফল্ট সেট করতে পারে।
ফন্ট প্রপার্টি −
ফেরত দেওয়ার জন্য সিনট্যাক্স নিচে দেওয়া হলobject.style.font
ফন্ট প্রপার্টি −
সেট করা হচ্ছে| মান | বিবরণ |
|---|---|
| শৈলী | ফন্ট শৈলী ফরসেটিং করা হচ্ছে৷ |
| ভেরিয়েন্ট | স্মল-ক্যাপ ফন্টে টেক্সট ফরসেট করা। |
| ওজন | ফন্টের জন্য সাহসিকতা উল্লেখ করা। |
| আকার | ফন্টের আকার নির্দিষ্ট করা। |
| লাইন উচ্চতা | রেখার মধ্যে দূরত্ব নির্দিষ্ট করা। |
| পরিবার | ফন্ট ফেস ফরসেট করা হচ্ছে৷ |
| ক্যাপশন | ক্যাপশন নিয়ন্ত্রণে ফন্ট প্রয়োগ করে যেমন বোতাম, ড্রপ-ডাউন ইত্যাদি |
| আইকন৷ | লেবেল আইকন ফন্ট নির্দিষ্ট করার জন্য। |
| মেনু | মেনুতে ব্যবহৃত ফন্ট |
| বার্তা-বক্স | ডায়ালগ বাক্সে ব্যবহৃত ফন্ট |
| ছোট-ক্যাপশন | ছোট কন্ট্রোলে ব্যবহৃত ফন্ট |
| স্ট্যাটাস বার | উইন্ডো স্ট্যাটাস বার ফন্টকে বর্তমান ফন্টে সেট করুন। |
| প্রাথমিক৷ | এই প্রপার্টিটিকে প্রারম্ভিক মানের জন্য ফরসেট করা হচ্ছে। |
| উত্তরাধিকার | অভিভাবক সম্পত্তি মানকে উত্তরাধিকার সূত্রে প্রাপ্ত করুন৷ |
ফন্ট প্রপার্টি −
এর জন্য একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
.PARA1{
font: oblique 5deg small-caps bold 1.3em/3 cursive;
}
</style>
<script>
function changeFont() {
for(var i=0;i<2;i++){
document.getElementsByClassName("PARA1")[i].style.font="italic bold 30px Verdana ";
}
document.getElementById("Sample").innerHTML="The text in the above two paragraphs is now changed";
}
</script>
</head>
<body>
<p class="PARA1">This is demo text</p>
<p class="PARA1">This is another demo text</p>
<p>Change the above container div flex direction by clicking the below button</p>
<button onclick="changeFont()">Change Font</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
“ফন্ট পরিবর্তন করুন ক্লিক করলে ” বোতাম -
“ফন্ট পরিবর্তন করুন ক্লিক করলে ” বোতাম -
