Metin yaslama - CSS Hileleri | CSS Almanak 2024

text-justifyCSS özellik için bir yol arkadaşıdır text-alignzaman metnin gerekçesi yöntemini ayarlamak için kullanılır özelliği text-alignayarlandığında justifydeğeri.

p ( text-align: justify; text-justify: inter-word; )

Değerler

inter-word: Metnin, sözcükler arasındaki aralığı ayarlayarak, etkili bir şekilde ek sözcük aralığı oluşturarak yaslanacağını belirtir. Bu, etkin bir şekilde word-spacingmülkün bir varyasyonudur .
inter-character: Metnin, karakterler arasındaki aralığı ayarlayarak, etkili bir şekilde ek karakter aralığı oluşturarak hizalanacağını belirtir. Bu, etkin bir şekilde letter-spacingmülkün bir varyasyonudur .
auto: Tarayıcının, gerekçenin inter-wordveya olarak daha iyi işlenip işlenmediğini belirlemesini sağlar inter-character. Bu, içerik dilinin işlenene kadar bilinmediği çok dilli senaryolarda yardımcı olabilir ve tarayıcı kullanıcı aracısının, hangi yöntemin dil bağlamına daha iyi uyduğuna göre buna göre seçim yapmasına olanak tanır.
none: Gerekçelendirme yöntemlerini devre dışı bırakır, herhangi bir gerekçelendirme fırsatını etkili bir şekilde ortadan kaldırır veya kademede bir gerekçelendirme yönteminin ortaya çıkabileceği durumlarda geçersiz kılar.

Gerekçe tam olarak nedir?

Yaslanmış metin, metnin kendisini içeren kutuyu nasıl doldurduğunu söylemenin havalı bir yoludur. Aslında, metni gerekçelendirmeye zaten aşina olabilirsiniz ve bunu bilmiyor olabilirsiniz bile. Daha önce Word ve Google Dokümanlar gibi bir metin düzenleme yazılımı kullandıysanız, şu simgelere aşina olabilirsiniz:

Google Dokümanlar araç çubuğundaki metin hizalama ve yaslama seçenekleri

İlk üçü, metnin text-alignsola, sağa veya tamamen ortalanabileceği CSS özelliği gibi metin hizalamasını ayarlar .

Bu dördüncü simge, yaslama seçeneğidir ve içeriğe, sözcükler arasındaki boşluğu etkileyip etkilemediğine bakılmaksızın, her satırın kenara bitişik olması için belgenin tüm genişliğini doldurmasını söyler.

Google Dokümanlar'da içeriğin gerekçelendirilmesi, her satırda tam belge genişliğini kaplamak için kelimeler arasında boşluk ekler

text-justifyMülkiyet bize aynısını yapmaya izin verir, ancak ek esneklik ile aralık yöntem içerik kelime veya karakterler arasında yönetilmektedir haklı göstermek için kullanılan belirlemek için.

Tarayıcı Desteği

text-justifyÖzelliği bu yazının yazıldığı anda Editörün Taslak durumunda şu anda CSS Metin Modülü Seviye 3 şartnamede, dahildir.

Bu mülk, şu anda Aday Öneri döneminde bırakılma riski altında olarak listelenmiştir. Bu nedenle, yakın gelecekte tüm tarayıcılarda bir standart olarak benimsenmesi olası olmadığından, bu özelliğin üretimde kullanılması önerilmez.

Mevcut destek Firefox 55+ ile sınırlıdır. Internet Explorer 11 ve Edge 14+ özelliği de destekler, ancak yalnızca inter-worddeğer ve W3C spesifikasyonuna dahil olmayan resmi olmayan değerler.

Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.