Fungsi text-align-last (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi text-align-last (Property CSS)


A. Pengenalan text-align-last (Property CSS)


CSS text-align-last merupakan properti yang digunakan untuk mengubah letak kalimat pada bagian baris terakhir.

B. Contoh Penggunaan text-align-last (Property CSS)


• Penggunaan text-align-last

Contoh:


<style>

.kalimatCSS {
text-align-last: right;
}

</style>

<div class="kalimatCSS">Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan.</div>


Hasil:


Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan. Barisan terkahir diletakkan di kanan.


C. Contoh Penerapan text-align-last


• Contoh Nomor 1


<p style="text-align-last: left;">Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri.</p>


Hasil:

Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri. Barisan terkahir diletakkan di kiri.


• Contoh Nomor 2


<style>

.kodeA {
text-align-last: center;
}

</style>

<div class="kodeA">Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah.</div>


Hasil:


Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah. Barisan terkahir diletakkan di tengah.


• Contoh Nomor 3


<style>

.kalimat {
text-align-last: justify;
}

</style>

<div class="kalimat">Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri.</div>


Hasil:


Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri. Barisan terkahir diletakkan di rerata kanan dan kiri.


• Contoh Nomor 4


<style>

.kalimat2 {
text-align: justify;
text-align-last: right;
}

</style>

<div class="kalimat2">Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan.</div>


Hasil:


Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan. Semua kalimat berada di rerata kanan dan kiri kecuali baris akhir berada di kanan.

Tidak ada komentar:

Posting Komentar

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.