CSS text-align-last özelliği

Tanım ve Kullanım

text-align-last özelliği, metnin son satırının nasıl hizalanacağını belirler.

Lütfen unutmayın ki, text-align-last özelliği seçilen elementin içindeki tüm en son satırları ayarlar. Bu yüzden, bir <div> içinde üç paragraf varsa, text-align-last her paragrafın son satırına uygulanır. text-align-last'ı kapta son paragraf üzerinde kullanmak için :last child kullanabilirsiniz, aşağıdaki örneğe bakın.

Yorum:Edge/Internet Explorer'de, text-align-last özelliği yalnızca "text-align: yerleştir" olan metinlere uygulanır.

Ayrıca bakınız:

CSS Eğitim Seti:CSS metin

HTML DOM Referans Kılavuzu:textAlignLast Özellik

Örnek

Üç <div> elementindeki son satırları hizalayın:

div.a {
  text-align: yerleştir;  /* Edge için */
  text-align-last: sağa;
}
div.b {
  text-align: justify; /* Edge için */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Edge için */ 
  text-align-last: justify;
}

Kendi kendine deneyin

Aşağıda daha fazla TIY örneği bulabilirsiniz.

CSS dilbilgisi

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Özellik değeri

Değer Açıklama
auto

Öntanımlı değer. Her satırın hiza kuralları, text-align değeri tarafından belirlenir.

Text-align değeri justify ise, text-align-last'ın performansı, start olarak ayarlanmış gibi olur.
left Son satır sola hiza edilir.
right Son satır sağa hiza edilir.
center Son satır merkeze hiza edilir.
justify Son satır metni, içerik kutusunun sol kenarına hiza edilir, sağ kenara hiza edilir.
start

Son satır, satır başında hiza edilir.

Text-direction sağdan sola doğru ise sola yuvarlanır, soldan sağa doğru ise sağa yuvarlanır.
end

Son satır, satır sonunda hiza edilir.

Text-direction sağdan sola doğru ise sağa yuvarlanır, soldan sağa doğru ise sola yuvarlanır.
initial Bu özelliği, öntanımlı değerine ayarlar. Gözat: initial.
inherit Bu özelliği, ebeveyn öğesinden devralır. Gözat: inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Devralma: Evet
Animasyon yapımı: Desteklenmiyor. Gözat:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.textAlignLast="right"

Daha fazla örnek

Son satırda text-align-last: kullanarak konteyner içinde

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

Kendi kendine deneyin

Tarayıcı desteği

Tablo içindeki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

İlk sürümü ön eki kullanan sayıları -moz- ile belirtir.

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

* Edge/Internet Explorer'de "start" ve "end" değerleri desteklenmiyor.