Home-theater-designers
Tüm geliştiricilerin kelime işleme ile uğraşırken öğrendiği ilk özelliklerden biri metin hizalamasıydı. Bu küçük araç, hem profesyonel dizgiciler hem de amatör el ilanı tasarımcıları için hayati önem taşıyor. Web tasarımı söz konusu olduğunda CSS'nin metin hizalama desteğine sahip olması şaşırtıcı değildir.
NS Metin hizalama özellik, bir veya iki diğer öğeyle birlikte, bir öğenin metnini yatay olarak nasıl hizalayacağını denetler. Temel bilgilerin ötesinde, tarayıcılar spesifikasyonun çoğunu yavaş yavaş uyguluyor, ancak tam destek değişiyor. Metni nasıl hizalayacağınızı ve günümüzde yaygın olarak kullanılan tarayıcıların hangi özellikleri desteklediğini öğrenin.
CSS metin hizalama Özelliğinin Temelleri
Hizalama, en tanıdık tipografi terimlerinden biridir. CSS bağlamında, Metin hizalama yatay hizalamayı ifade eder.
Yatay metin hizalaması yalnızca blok kapsayıcıları için geçerlidir. Bunlar, paragraflar ve div'ler gibi tam genişlikte öğelerdir. Kullanmak Metin hizalama gibi bir satır içi öğedeki özellik içinde hiçbir etkisi olmayacaktır. Liste öğelerini ve tablo hücrelerini de hizalayabilirsiniz:
yüzünü farklı bir vücuda koy
Varsayılan olarak, soldan sağa bir dilde (bundan daha fazlası daha sonra), metin sola hizalanır:
CSS'de bu, şununla aynıdır:
p { text-align: left; }Veya:
p { text-align: start; }İlgili: Basamaklı Stil Sayfaları Nedir ve CSS Ne İçin Kullanılır?
için diğer değerleri kullanabilirsiniz. Metin hizalama yatay hizalamayı değiştirme özelliği. En yaygın değerler, kelime işlem uygulamalarından aşinadır:
text-align: left
text-align: center
text-align: rightSol ve Sağ Kenarları Hizalamak için Yaslamayı Kullan
için başka bir ortak değer Metin hizalama NS savunmak . Tarayıcılar, iki yana yaslanmış metne boşluk ekler, böylece her satır kullanılabilir alanı dolduracak şekilde genişletilir:
Metni yasladığınızda, son satır yanıltıcı olabilir. Çok kısa olabileceğinden (muhtemelen sadece tek bir kelime), tüm genişlik boyunca boşluk bırakmak çirkin olabilir. Varsayılan olarak, hizalanmış metin bile son satırı sola hizalayacaktır.
komut istemi nasıl kullanılır
Bazen farklı bir etki isteyebilirsiniz. Tarayıcı uygulamaları spesifikasyonu yakalıyor, ancak iki yaklaşım mümkün.
NS haklı çıkarmak değer, tarayıcıların son satıra diğerleri gibi davrandığı ve onu tam genişliğe kadar uzattığı anlamına gelmelidir. Ancak, yazma sırasında hiçbir tarayıcı bu değeri desteklememektedir. Yapabilirsiniz yapıp yapmadıklarını görmek için caniuse'u kontrol et bu makaleyi okurken.
Başka bir CSS özelliği, metin hizalama-son , daha esnektir ve daha iyi desteğe sahiptir. Aşağı yukarı aynı şekilde tedavi edebilirsiniz. Metin hizalama , ancak yalnızca son satır için geçerlidir:
Bu özellik için tarayıcı desteği daha iyidir, ancak mükemmel değildir. Tekrar, kullanmadan önce caniuse'u kontrol edin . Bir tarayıcı bu özelliği tanımıyorsa, onu yok sayar.
Metin Hizalama ve Okuma Yönü
Arapça veya İbranice gibi sağdan sola doğru okunan bir dille çalışıyor olabilirsiniz. CSS kullanır yön bunu belirtmek için özellik, örneğin:
direction: rtl;Bu diller genellikle metni varsayılan olarak sağa hizalar.
belirtmek zorunda kalmak yerine sol / sağ , metni hizalamanın tercih edilen yolu değerleri kullanır Başlat ve son . Bu, metnin her satırın başında mı yoksa sonunda mı sıralanması gerektiğini belirtir. Soldan sağa dillerde, Başlat eşdeğerdir sol . Sağdan sola yazılan bir dilde metin sağdan başlar ve solda biter.
elma izle alüminyum vs paslanmaz çelik
kullanma Başlat veya son metin yönünden bağımsız olarak hizalamanın tutarlı olduğu anlamına gelir.
Öğeler text-align Özelliğini Nasıl Devralır?
Şunun farkında olmalısınız: Metin hizalama mülk miras kalır. Örneğin, onu ayarlarsanız vücut öğe, sayfadaki her öğe için geçerli olacaktır. Elbette, herhangi bir öğe üzerinde geçersiz kılabilirsiniz.
Düzeni Kontrol Etmek için text-align Özelliğini Kullanma
kullanabilirsiniz Metin hizalama Tarayıcıların metni yatay olarak nasıl düzenleyeceğini tanımlamak için CSS özelliği. En yaygın değerler sol , sağ , merkez , ve savunmak . Bunlar oldukça basit olmakla birlikte, savunmak biraz karmaşıklık getiriyor.
Metin hizalamasını dikkatli kullanmalısınız. Reklam panolarında ve posterlerde, merkezi hizalama uygun olabilir, ancak daha uzun metin bloklarının okunmasını zorlaştırabilir. Metin satırları daha uzun olduğunda, gerekçe genellikle daha okunaklı olur. Kısa metin sütunlarını yaslamak çirkin boşluklar oluşturabilir.
NS Metin hizalama özellik, kullanışlı biçimlendirme ve temel konumlandırma sağlayan birçok CSS özelliğinden biridir.
Paylaş Paylaş Cıvıldamak E-posta 10 Dakikada Öğrenebileceğiniz 10 Basit CSS Kodu ÖrneğiCSS ile ilgili yardıma mı ihtiyacınız var? Başlamak için bu temel CSS kodu örneklerini deneyin, ardından bunları kendi web sayfalarınıza uygulayın.
Sonrakini Oku İlgili konular- Programlama
- Web Geliştirme
- Web Tasarım
- CSS
Bobby, yirmi yılı aşkın bir süredir yazılım geliştiricisi olarak çalışan bir teknoloji tutkunu. Oyun oynama konusunda tutkulu, Switch Player Magazine'de İnceleme Editörü olarak çalışıyor ve çevrimiçi yayıncılık ve web geliştirmenin tüm yönleriyle ilgileniyor.
Bobby Jack'dan Daha FazlaHaber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın