CSS text-justify özelliği
- Önceki Sayfa text-indent
- Sonraki Sayfa text-orientation
Tanım ve kullanım
text-justify özelliği, text-align ayarı "justify" olarak ayarlandığında metnin hizalama yöntemini belirtir.
Bu özellik, satır metnini nasıl sıralayacak ve ayıracak olacağını tanımlar.
Örnek
Kelime aralığını değiştiren düz sıralama:
div
{
text-align:justify;
text-justify:inter-word;
}
CSS dilbilgisi
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
Özellik değeri
| Değer | Açıklama | Test |
|---|---|---|
| oto | Tarayıcı sıralama algoritmasını belirler. | Test |
| none | Düz sıralama devre dışı bırakılır. | Test |
| inter-word | Kelime aralığını artırır/azaltır. | Test |
| inter-ideograph | İçeriği anlamaya dayalı metinlerle sıralar. | Test |
| inter-cluster | Yalnızca içeriğinde içsel kelime aralığı olmayan içeriklere (örneğin Asya dilleri) sıralama yapılır. | Test |
| distribute | Gazete sayfalarına benzer, ancak Doğu Asya dillerinde son satır düzgün sıralı değildir. | Test |
| kashida | İçeriği genişleterek sıralar. | Test |
Teknik ayrıntılar
| Öntanımlı değer: | oto |
|---|---|
| Devralabilirlik: | evet |
| Sürüm: | CSS3 |
| JavaScript dilbilgisi: | object.style.textJustify="inter-word" |
Tarayıcı desteği
Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Desteklenir* | 11.0 | 55.0 | 10.0.3 | Desteklenir* |
* Bu özellik, "Kullanıcı deneyimi Web platformu işlevlerini etkinleştir" önceliklerinde bulunur ("Etkinleştirilmiş" olarak ayarlanmalıdır). Chrome'daki öncelikleri değiştirmek için Chrome tarayıcısında "chrome://flags" yazın. Opera'daki öncelikleri değiştirmek için Opera tarayıcısında "flags" yazın.
- Önceki Sayfa text-indent
- Sonraki Sayfa text-orientation
