Melakukan Indentasi Baris HTML Menggunakan textIndent Style DOM
Sintak:
- digunakan untuk mengatur properti textIndent: object.style.textIndent = "length|%|initial|inherit"
- digunakan untuk mendapatkan nilai properti textIndent: object.style.textIndent
Property Values:
- length: digunakan untuk mengatur nilai indentasi fix dalam satuan px, pt, cm, em, dan lain sebagainya. Nilai default dari properti length adalah 0.
- percentage (%): digunakan untuk mendefinisikan indentasi dalam satuan persen yang dibandingkan dengan nilai width dari elemen.
- initial: digunakan untuk mengatur nilai properti textIndent ke nilai default-nya.
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan indentasi dari baris pertama dari setiap baris pada teks blok.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style text-indent DOM
</title>
<style>
#sudo
{
text-indent: 40px;
}
</style>
</head>
<body>
<h1
style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Style text-indent DOM
</h2>
<h2>
text-indent: 40px:
</h2>
<div id = "sudo">
Blog TIK merupakan portal ilmu
komputer yang digunakan untuk
mempelajari berbagai ilmu
pemrograman dan materi TIK
lainnya yang sedang populer
saat ini.
</div>
<button
type="button"
onclick="myBon1s()">
Submit
</button>
<!-- Script untuk mengubah
textIndent dari 40 px menjadi
120px -->
<script>
function myBon1s()
{
document.getElementById("sudo").style.textIndent = "120px";
}
</script>
</body>
</html>
Blog Elfan
Properti Style text-indent DOM
text-indent: 40px:
Contoh: untuk mendapatkan nilai text-indent.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style text-indent DOM
</title>
</head>
<body>
<h1
style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Style text-indent DOM
</h2>
<div
id = "sudo"
style="text-indent:100px;">
Blog TIK, merupakan portal
ilmu komputer yang digunakan
untuk mempelajari berbagai
materi pemrograman dan materi
TIK lainnya yang sedang
populer saat ini.
</div>
<button
type="button"
onclick="myBon2s()">
Submit
</button>
<script>
function myBon2s()
{
alert(document.getElementById("sudo").style.textIndent);
}
</script>
</body>
</html>
Blog Elfan
Properti Style text-indent DOM
- 25 Value Properti Transform Style DOM pada HTML
- 5 Value Properti transformOrigin Style DOM pada HTML
- 4 Value Properti transformStyle DOM pada HTML
- 6 Value Properti Style Transition DOM pada HTML
- 5 Value transitionProperty Style DOM pada HTML
- 3 Value Properti transitionDuration Style DOM pada HTML
- 5 Value Properti transitionTimingFunction Style DOM pada HTML
5 komentar untuk "Melakukan Indentasi Baris HTML Menggunakan textIndent 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 yang seperti apa saja yang dapat digunakan untuk mengaktifkan properti textIndent Style DOM pada HTML?
BalasHapusBerikut ini beberapa jenis browser yang dapat digunakan oleh seorang programmer ketika mengaktifkan properti textIndent Style DOM pada HTML:
Hapusa. Google Chrome
b. Internet Explorer
c. Firefox
d. Opera
e. Safari
Apa yang dimaksud dengan properti textIndent Style DOM pada HTML?
BalasHapusProperti textIndent Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan lekukan baris pertama dari teks pada dokumen HTML.
HapusProperti textIndent Style DOM berfungsi untuk mengatur atau mendapatkan nilai lekukan baris dari baris pertama pada teks HTML.
Hapus