Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Posisi Teks HTML Menggunakan textAlignLast DOM

Properti Style textAlignLast DOM pada HTML merupakan properti yang digunakan untuk mengatur nilai perataan dari baris terakhir pada teks.

9 Value Properti Style textAlignLast DOM pada HTML
Properti Style textAlignLast DOM

Sebelum memahami lebih dalam materi tentang Mengatur Posisi Teks HTML Menggunakan textAlignLast DOM, terlebih dahulu pelajari materi tentang: Mengatur Arah Teks HTML Menggunakan textAlign Style DOM [klik], Mengatur Ukuran Tab HTML Menggunakan tabSize Style DOM [klik], dan Mengatur Tampilan Tabel HTML Menggunakan tableLayout Style DOM [klik].

Sintak:
  • Mengembalikan nilai properti textAlignLast: object.style.textAlignLast
  • Mengatur nilai properti textAlignLast: object.style.textAlignLast  = "auto|left|right|center|justify|start|end|initial|inherit"

Property Values:
  • auto: justify baris terakhir dan perataan kiri pada container.
  • left: baris terakhir dari teks dilakukan perataan kiri.
  • right: baris terakhir dari teks dilakukan perataan kanan.
  • center: bari terakhir dari teks dilakukan perataan tengah.
  • justify: baris terakhir dari teks dilakukan justify.
  • start: baris terakhir dari teks dilakukan perataan kiri dan perataan kanan.
  • end: baris terakhir dari teks dilakukan perataan kanan dan perataan kiri.
  • initial: digunakan untuk mengatur baris terakhir ke nilai perataannya sesuai dengan nilai initial.
  • inherit: baris terakhir menerima nilai turuan properti dari elemen parent.


Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style textAlignLast 

DOM pada HTML

</title>

 

<style>

.right 

{

text-align-last: right;

border: 2px solid grey;

}

 

.center 

{

text-align-last: center;

border: 2px solid black;

}

</style>

 

</head>

 

<body>

 

<h2 

style="text-align:center">

Text-align-last-Right:

</h2>

 

<div class="right">

 

<!-- text-align-last: right; 

property -->

<p>

<font 

color="green">

Blog TIK: merupakan portal 

ilmu komputer.

</font>

</p>

 

</div>

 

<h2 

style="text-align:center">

Text-align-last-Center:

</h2>

 

<div class="center">

 

<!-- text-align-last: center; 

property -->

<p>

<font color="green">

Blog TIK2: merupakan portal 

ilmu komputer kedua.

</font>

</p>

 

</div>

 

</body>

 

</html>

Output:

Text-align-last-Right:

Blog TIK: merupakan portal ilmu komputer.

Text-align-last-Center:

Blog TIK2: merupakan portal ilmu komputer kedua.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style textAlignLast 

DOM pada HTML

</title>

 

<style>

.justify 

{

text-align-last: justify;

border: 2px solid grey;

}

 

.start 

{

text-align-last: start;

border: 2px solid Green;

}

</style>

 

</head>

 

<body>

 

<h2 

style="text-align:center">

Text-align-last-Justify:

</h2>

 

<div class="justify">

 

<!-- text-align-last: 

justify; property -->

<p>

<font color="green">

Blog TIK: merupakan portal 

ilmu komputer.

</font>

</p>

 

</div>

 

<h2 

style="text-align:center">

Text-align-last-Start:

</h2>

 

<div class="start">

 

<!-- text-align-last: start; 

property -->

<p>

<font color="green">

Blog TIK2: merupakan portal 

ilmu komputer 2.

</font>

</p>

 

</div>

 

</body>

 

</html>

Output:

Text-align-last-Justify:

Blog TIK: merupakan portal ilmu komputer.

Text-align-last-Start:

Blog TIK2: merupakan portal ilmu komputer 2.


Artikel ini didedikasikan kepada: Faizal Shauma Widya Santoso, Faradeva Puspadella, Fariza Shegi Pratama, Fathan Ghifar Ahsani, dan Ferdy Harish Maulana.

5 komentar untuk "Mengatur Posisi Teks HTML Menggunakan textAlignLast DOM"

  1. Jenis browser seperti apa saja yang dapat dimanfaatkan oleh seorang pengembang guna mengaktifkan properti textAlignLast Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diperlihatkan beberapa jenis browser populer yang biasa digunakan untuk mengaktifkan properti textAlignLast Style DOM pada HTML:
      - Google Chrome 47
      - Internet Explorer 5.5
      - Firefox 49.0, 12.0 -moz-
      - Opera 34

      Hapus
  2. Apa yang dimaksud dengan properti textAlignLast Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti textAlignLast Style DOM pada HTML merupakan properti yang digunakan untuk menentukan bagaimana cara menyelaraskan baris terakhir dari sebuah teks.

      Hapus
    2. Properti textAlignLast berfungsi untuk mengatur perataan teks pada baris terakhir.

      Hapus

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 -