CSS Satır Aralığı elde etmek için CSS Satır Yüksekliği özelliğini kullanma
Web sayfalarınızdaki satır aralıklarınızı etkilemek için CSS stili özellik satır yüksekliğini nasıl kullanacağınızı öğrenin.
CSS Çizgi Aralığı Değerleri
CSS satır aralığı, CSS stili özellik satırı yüksekliğinden etkilenir. Bu özellik 5 farklı değere kadar alır:
- normal: tarayıcı, yazı tipi boyutuyla ilgili satır aralığı için bir değer belirler. Bu genellikle yazı tipi boyutuyla aynı veya biraz daha büyüktür (% 20 gibi).
- devralır: satır aralığı ana öğenin satır aralığından alınmalıdır. Gövde etiketinizin satır yüksekliğini, yazı tipi boyutundan% 30 daha büyük ve içine yerleştirilecek paragraf etiketlerini ayarlarsanız, yazı tipi boyutundan% 30 daha büyük bir çizgi yüksekliğine sahip olurlar.
- bir sayı: Çizgi yüksekliği değeri bir ölçü birimi içermiyorsa, satır yüksekliği için yazı tipi boyutunda bir çarpan olarak kabul edilir. Dolayısıyla 1.25 satır yüksekliği yazı tipi boyutundan% 25 daha büyük olacaktır.
- uzunluk: Eğer çizgi-yükseklik değeri bir ölçü birimine sahipse, bu çizgiler arasında olması gereken tam alan miktarıdır. Böylece 1.25mm, 1.25 milimetrelik çizgilerle sonuçlanacaktır.
- yüzde: Satır yüksekliğinin yüzde olması, yazı tipi boyutunun yüzdesidir. Dolayısıyla,% 125'lik bir çizgi yüksekliği yazı tipi boyutundan% 25 daha büyük olacaktır.
CSS Satır Aralığı için Hangi Değeri Kullanmalısınız?
Çoğu durumda, satır aralığı için en iyi seçim varsayılan - veya "normal" olarak bırakmaktır. Bu genellikle en okunabilir ve özel bir şey yapmanızı gerektirmez. Ancak satır aralığını değiştirmek metninize farklı bir his verebilir.
Yazı tipi boyutunuz ems veya yüzde olarak tanımlanıyorsa , satır yüksekliğiniz de bu şekilde tanımlanmalıdır. Bu, satır aralığının en esnek şeklidir, çünkü okuyucunun yazı tiplerini yeniden boyutlandırmasını ve satır aralığınızda aynı oranı tutmasını sağlar.
Bir nokta (pt) değeriyle baskı stili sayfalarının çizgi yüksekliğini ayarlayın. Bu nokta bir baskı ölçüsüdür ve bu nedenle yazı tipi boyutlarınız da noktalarda olmalıdır.
Numara seçimini kullanmaktan hoşlanmıyorum çünkü insanlar için en çok kafa karıştırıcı olduğunu buldum. Birçok insan, sayının mutlak bir boyut olduğunu düşünür ve bu yüzden onu büyük yaparlar. Örneğin, 14px'de bir yazı tipine sahip olabilirsiniz ve sonra satır yüksekliğini 14'e ayarlarsınız. Bu, satır aralıkları arasında büyük boşluklar olmasına neden olur; çünkü satır aralığı, yazı tipi boyutunun 14 katına ayarlanır.
Çizgi Aralığınız için Ne Kadar Boş Alan Kullanmanız Gerekir?
Yukarıda belirttiğim gibi, değiştirmek için belirli bir nedeniniz yoksa varsayılan satır aralığını kullanmanızı öneririm. Çizgi aralığının değiştirilmesi farklı efektlere sahip olabilir:
- Birlikte çok sıkı olan metnin okunması zor olabilir. Ancak küçük satır boşlukları metnin ruh halini etkileyebilir. Metin birlikte sıkıştırılmışsa, metnin daha koyu veya daha gergin görünmesini sağlayabilir.
- Daha uzak olan metinlerin okunması da zor olabilir. Ancak geniş çizgi alanları, metnin daha akıcı ve akıcı görünmesini sağlar.
- Satır aralığını değiştirmek, başka bir yere sığmayan metinleri daha kompakt ya da tasarımlarınızda daha fazla yer kaplayan bir metin haline getirebilir.