Thuộc tính Kiểu phông chữ kiểu DOM trong HTML được sử dụng để thiết lập hoặc trả về kiểu phông chữ của văn bản. Nó được sử dụng để chỉ định kiểu bình thường, kiểu nghiêng hoặc kiểu xiên cho văn bản của phần tử.
Sau đây là cú pháp cho -
Đặt thuộc tính fontStyle -
object.style.fontStyle = "normal|italic|oblique|initial|inherit"
Chúng ta hãy xem một ví dụ cho thuộc tính fontStyle -
Ví dụ
<!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="The font style has been changed for the above paragraphs.";
}
</script>
</head>
<body>
<div id="demo1" >This is demo text 1</div>
<div id="demo2">This is demo text 2</div>
<p>Change the above divs font style by clicking the below button</p>
<button onclick="changeFontStyle()">Change fontStyle </button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào nút “Thay đổi fontStyle Nút ”-
