Atribut text-align-last CSS

Definisi dan penggunaan

Atribut text-align-last menentukan bagaimana baris terakhir teks disesuaikan.

Perhatikan bahwa atribut text-align-last menetapkan semua baris paling terakhir dalam elemen yang dipilih. Jadi, jika ada tiga paragraf di dalam <div>, text-align-last akan diterapkan pada baris terakhir setiap paragraf. Untuk menggunakan text-align-last di paragraf terakhir dalam kontainer, Anda dapat menggunakan :last child, lihat contoh di bawah ini.

Komentar:Pada Edge/Internet Explorer, atribut text-align-last hanya berlaku untuk teks yang memiliki "text-align: justify".

Lihat juga:

Panduan CSS:Teks CSS

Panduan Referensi DOM HTML:textAlignLast Atribut

Contoh

Sesuaikan baris terakhir tiga elemen <div> ini:

div.a {
  text-align: justify;  /* 针对Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* untuk Edge */ 
  text-align-last: tengah;
}
div.c {
  text-align: justify; /* untuk Edge */ 
  text-align-last: justify;
}

Coba sendiri

Lebih banyak contoh TIY dapat ditemukan di bawah halaman.

Grammar CSS

text-align-last: auto|kiri|kanan|tengah|justify|start|end|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto

Nilai standar. Aturan penyesuaian setiap baris ditentukan oleh nilai text-align.

Jika nilai text-align adalah justify, ekspresi text-align-last dan yang diatur dengan start adalah sama.
left Baris terakhir diatur untuk sejajar ke kiri.
right Baris terakhir diatur untuk sejajar ke kanan.
center Baris terakhir diatur untuk sejajar di tengah.
justify Awal teks terakhir diatur untuk sejajar dengan kiri kotak konten, akhir dengan kanan.
start

Baris terakhir diatur untuk sejajar di awal baris.

Jika text-direction adalah dari kiri ke kanan, thenia kiri, jika text-direction adalah dari kanan ke kiri, thenia kanan.
end

Baris terakhir diatur untuk sejajar di ujung baris.

Jika text-direction adalah dari kiri ke kanan, thenia kanan, jika text-direction adalah dari kanan ke kiri, thenia kiri.
initial Atur atribut ini ke nilai standarnya. Lihat: initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat: inherit.

Detil teknis

Nilai standar: auto
Inherit: Ya
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Grammar JavaScript: object.style.textAlignLast="kanan"

Contoh lainnya

Gunakan text-align-last: tengah di baris terakhir dalam kontainer.

div.b p:last-child {
  text-align-last: tengah;
}

Coba sendiri

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Angka yang diawali dengan -moz- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Tidak didukung 34.0

* Pada Edge/Internet Explorer, nilai "start" dan "end" tidak didukung.