Nasıl CSS'deki satır aralığı ayarlamak için?

Bugünkü Metin hala geniş aktarılan bilginin ana türüdür World Wide Web. Bu nedenle, görünümü üzerinde kendi kontrolü özel önem verilmektedir. çizgi arasındaki mesafeyi belirleyen bir metin satır aralığı, bir diğer önemli özelliği. Eğer bu kurala görmedim, muhtemelen CSS ile hiç çalışmamış. Sonuçta bu tarz dil metnin tüm önemli dış özelliklerini değiştirmek için kullanılabilir komutlar sağlar olduğunu. Böyle bir kural tüm modern tarayıcılar tarafından desteklenen ve CSS tüm sürümleri için standart olarak gelir (CSS: Cascading Style Sheets).

kural

CSS olarak, satır aralığı, basit bir line-height ekibinin yardımıyla ayarlanır. kayıt olağan şekilde yapılır. Değer, bir negatif olmayan bir tamsayı atanabilir. Belirtildiği takdirde: «line-height: -4px;» komut göz ardı edilecektir. «Normal» veya «devralır»: Sen değer belirtebilirsiniz. İlk seçilen yazı tipine ve boyutuna bağlı olarak belirlenir aralığı, otomatik ayarı kullanmaktır. Bu durumda, çizgiler arasındaki mesafe tarayıcısı kendisi tarafından belirlenen. Satır aralığı değeri «devralır» tarafından "üst" etiketinden devralınan herhangi bir değer olabilir.

değer

göreceli ve mutlak: Standart komutlarından farklı Tüm değerler, iki kategoriye ayrılabilir. CSS özelleştirmek için farklı ve daha uygun yollar kullanılarak esnek hatlar arasındaki satır aralığı mesafesini kontrol etmenizi sağlar. Mutlak değerler için CSS kullanılan birim, bilinen tüm uzunluğunu içerir. listesi aşağıdakileri içerir: (inç) 'de, pt (puan), piksel (piksel), ve diğerleri. sayım aralığı yazı tipi bir taban hattı elde edilir. «Line-height: 10px;» bir kural yazarsanız, satır aralığı her zaman 10 piksel eşit olacaktır. Belirli bir yazı tipi için kesin aralık belirtmek gerektiğinde Böyle bir yöntem idealdir. Ama bütün farklı ekran genişleme unutmayın. Böyle bir mesafe harika görünüyor varsa, herkesin aynı etkiye sahip olacak anlamına gelmez. Örneğin, bir mobil büyük satır aralığı büyük bir rahatsızlık neden olur.

göreceli değerler

Ekranın farklı uzantılı sorunu çözmek için kullanabileceğiniz göreli değerleri. En yaygın olarak kullanılan yüzdesi. Bu durumda değer nispeten yazı yüksekliğini ayarlanır. Örneğin, «line-height belirterek: 150%;" Biz aralığı, yarı Büyük Orta mektuplar alıyorum. % 100 kullanılan yazı yüksekliğidir. En deneyimli geliştiriciler bunun kullanımı göreli değerleri olduğunu önerilir. Yani ekranın farklı bir uzantısıyla ilişkilendirilmiş problemlerden kendilerini ve kullanıcılarını kurtaracak.

Sonuç

Eğer standart dışı bir yazı seti kullanılarak vardır ve önemli olan ise iyi tanımlanmış satır aralığı mutlak değerler tercih vardır. Diğer tüm durumlarda, mülkiyet yüzdesini kurmak arzu edilir. Bir belgenin belirli bir alan için ayrı bir aralık yapmak gerektiğinde, id-etiketleri veya seçicileri kullanabilirsiniz. Böylece, tüm belge için satır aralığını ayarlamak gerekmez.