Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM
Sebelum memahami lebih dalam materi tentang Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM, terlebih dahulu pelajari materi tentang: Mengatur Ukuran Huruf HTMl Menggunakan fontSize Style DOM [klik], Mengatur Jenis Huruf HTML Menggunakan fontFamily Style DOM [klik], dan Mengatur Gaya Huruf HTML Menggunakan Font Style DOM [klik].
Sintak:
- digunakan untuk mengatur nilai properti fontStyle: object.style.fontStyle = normal|italic|oblique|initial|inherit;
- digunakan untuk mendapatkan nilai properti fontStyle: object.style.height
Property Values: normal, italic, oblique, initial, dan inherit.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontStyle DOM
pada HTML
</title>
<style>
#mmn1
{
color: green;
font-size: 100px;
font-style: normal;
}
</style>
</head>
<body>
<center>
<button
onclick="changeStyle()">
Click to change style
</button>
<!-- Script untuk mengubah
fontStyle -->
<script>
function changeStyle()
{
document.getElementById("mmn1").style.fontStyle
= "italic";
}
</script>
<p
id="mmn1">
Blog Elfan
</p>
</center>
</body>
</html>
Blog Elfan
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontStyle DOM
pada HTML
</title>
<style>
#mnn2
{
color: green;
font-size: 50px;
font-style: normal;
}
</style>
</head>
<body>
<center>
<br>
<button
onclick="changeStyle()">
Click to change style
</button>
<br />
<br />
<!-- Script untuk mengubah
fontStyle -->
<script>
function changeStyle()
{
document.getElementById("mnn2").style.fontStyle
= "oblique";
}
</script>
<div
id="mnn2">
Properti fontStyle DOM HTML
</div>
</center>
</body>
</html>
- 4 Value Properti Isolation Style DOM pada HTML [klik]
- 8 Value Properti justifyContent Style DOM pada HTML [klik]
- 5 Value Properti Left Style DOM pada HTML [klik]
- 4 Value Properti letterSpacing Style DOM pada HTML [klik]
- 6 Value Properti lineHeight Style DOM pada HTML [klik]
- 5 Value Properti listStyle DOM pada HTML [klik]
- 4 Value Properti listStyleImage Style DOM pada HTML [klik]
5 komentar untuk "Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti fontStyle DOM pada dokumen HTML?
BalasHapusBerikut ini adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti fontStyle DOM pada dokumen HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer atau Edge 4.0
3. Firefox 1.0
4. Opera 7.0
5. Safari 1.0
Apa yang dimaksud dengan fontStyle DOM pada HTML?
BalasHapusProperti fontStyle menetapkan atau mengembalikan apakah gaya font normal, miring, atau miring.
HapusProperti fontStyle Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan style font teks.
Hapus