Mengatur Ketebalan Huruf HTML Menggunakan fontWeight Style DOM
Sebelum memahami lebih dalam materi tentang Mengatur Ketebalan Huruf HTML Menggunakan fontWeight Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Variasi Huruf HTML Menggunakan fontVariant Style DOM, Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM, dan Mengatur Ukuran Huruf HTMl Menggunakan fontSize Style DOM.
Sintak:
- digunakan untuk mengembalikan nilai properti fontWeight: object.style.fontWeight
- digunakan untuk mengatur nilai properti fontWeight: object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"
Property Value:
- normal: merupakan nilai default dari font.
- lighter: membuat font menjadi lebih lighter dari font normal.
- bold: membut font menjadi lebih tebal dari font normal.
- bolder: membuat font menjadi paling tebal diantara semua jenis font.
- value: mendefinisikan nilai dari 100 ke 900, dimana angka 400 merupakan nilai normalnya.
- initial: mengatur properti fontWeight ke nilai default-nya.
- inherit: menerima nilai turunan properti dari elemen parent.
Return Values: mengembalikan nilai ketebalan huruf dari sebuah string.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontWeight DOM
</title>
</head>
<body>
<center>
<!-- Properti untuk tag p. -->
<p
style="color: green;
width: 100%;
font-size: 30px;
font-weight: bold;"
id="sudo">
Blog Elfan
</p>
<h2>
Properti Style fontWeight DOM
</h2>
<br>
<button
type="button"
onclick="myBons()">
Click to change
</button>
<script>
function myBons()
{
// Pengaturan properti untuk
// tag "p" dari 'bold' menjadi
// 'lighter'.
document.getElementById(
"sudo").style.fontWeight = "lighter";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style fontWeight DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontWeight DOM
</title>
</head>
<body>
<center>
<p
style="color: green;
width: 100%;
font-size: 30px;"
id="sudo">
Blog Elfan
</p>
<h2>
Properti Style fontWeight DOM
</h2>
<br>
<button
type="button"
onclick="myBons()">
Click to change
</button>
<script>
function myBons()
{
// Pengaturan properti dari
// normal menjadi bold.
document.getElementById(
"sudo").style.fontWeight = "bold";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style fontWeight DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontWeight DOM
</title>
</head>
<body>
<center>
<p
style="color: green;
width: 100%;
font-size: 30px;"
id="sudo">
Blog Elfan
</p>
<h2>
Properti Style fontWeight DOM
</h2>
<br>
<button
type="button"
onclick="myDons()">
Click to change
</button>
<script>
function myDons()
{
// Pengaturan properti bolder.
document.getElementById(
"sudo").style.fontWeight = "bolder";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style fontWeight DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontWeight DOM
</title>
</head>
<body>
<center>
<p
style="color: green;
width: 100%;
font-size: 30px;"
id="sudo">
Blog Elfan
</p>
<h2>
Properti Style fontWeight DOM
</h2>
<br>
<button
type="button"
onclick="myBonws()">
Click to change
</button>
<script>
function myBonws()
{
// Pengaturan fon menggunakan
// value.
document.getElementById(
"sudo").style.fontWeight = "1000";
}
</script>
</center>
</body>
</html>
Blog Elfan
Properti Style fontWeight DOM
- 5 Value Properti Left Style DOM pada HTML
- 4 Value Properti letterSpacing Style DOM pada HTML
- 6 Value Properti lineHeight Style DOM pada HTML
- 5 Value Properti listStyle DOM pada HTML
- 4 Value Properti listStyleImage Style DOM pada HTML
- 4 Value Properti listStylePosition Style DOM pada HTML
- 5 Value Properti listStyleType DOM pada HTML
5 komentar untuk "Mengatur Ketebalan Huruf HTML Menggunakan fontWeight Style 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 fontWeight Style DOM pada dokumen HTML?
BalasHapusBerikut ini adalah beberapa jenis browser yang biasa digunakan untuk mengaktifkan properti fontWeight Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Mozilla Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti fontWeight Style DOM pada HTML?
BalasHapusProperti fontWeight Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan sebarapa tebal atau seberapa tipis suatu karakter dalam teks harus ditampilkan.
HapusProperti fontWeight Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai ketebalan karakter teks dari suatu elemen.
Hapus