HTML DOM Style fontStyle প্রপার্টি টেক্সটের ফন্ট স্টাইল সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি এলিমেন্টের টেক্সটের জন্য নরমাল, ইট্যালিক বা অব্লিক স্টাইল নির্দিষ্ট করে।
সিনট্যাক্স
fontStyle প্রপার্টি সেট করার জন্য:
object.style.fontStyle = "normal|italic|oblique|initial|inherit"
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
#demo2, #demo1 {
font-family: 'times new roman';
font-size: 25px;
}
</style>
<script>
function changeFontStyle() {
document.getElementById("demo1").style.fontStyle = "italic";
document.getElementById("demo2").style.fontStyle = "italic";
document.getElementById("Sample").innerHTML = "উপরের প্যারাগ্রাফগুলোর ফন্ট স্টাইল পরিবর্তন করা হয়েছে।";
}
</script>
</head>
<body>
<div id="demo1">This is demo text 1</div>
<div id="demo2">This is demo text 2</div>
<p>নিচের বাটনে ক্লিক করে উপরের ডিভগুলোর ফন্ট স্টাইল পরিবর্তন করুন</p>
<button onclick="changeFontStyle()">ফন্ট স্টাইল পরিবর্তন করুন</button>
<p id="Sample"></p>
</body>
</html>
আউটপুট
প্রাথমিক অবস্থায় টেক্সট নরমাল স্টাইলে থাকবে।
"ফন্ট স্টাইল পরিবর্তন করুন" বাটনে ক্লিক করার পর দুটি ডিভের টেক্সট ইট্যালিক হবে।
