Harfler arasındaki boşluk. CSS Harf aralığı. Ara karakter, satır aralığı CSS. kelimeler arasındaki mesafe

Metindeki standart harf aralığının değiştirilmesi, dikkatin tek tek bölümlerine odaklanması için gerekli olabilir. Bir Word'deki harfler arasındaki boşluğu değiştirmek için aşağıdaki işlem sırasını gerçekleştirmeniz gerekir.

Aralık Ayarı

Harfler arasındaki boşluğu artırmak için Seyrek'i seçin.

Varsayılan olarak, harf aralığını 0,35 mm olan 1 punto genişletebilirsiniz. Kullanıcının rahatlığı için, metnin bu durumda nasıl görüneceğini gösteren bir örnek aşağıda verilmiştir. Açıkça, kullanıcı, aralığı 0,1 pt ile eklemek veya çıkarmak için küçük üçgenler kullanarak değeri 1 pt ile değiştirebilir. Başka bir seçenek de, aralık boyutu alanına istenen değeri doğrudan girmek ve Tamam'ı tıklamaktır. İsteğe bağlı olarak büyük bir mesafe girebilirsiniz.

Aralığı azaltmak için "Sıkıştırılmış" seçeneğini seçmelisiniz.

Kullanıcı, harf aralığını önceki duruma benzer şekilde azaltabilir - varsayılan olarak 1 punto veya istenen değeri ayarlayarak. Örnekten de anlaşılacağı gibi, bu durumda metnin sıkıştırılması, okunabilirliğini olumsuz yönde etkiledi.

Yukarıda ele alınan harfler arası boşluktaki değişiklik, seçilen metnin tüm harfleri için aynıdır. Word metin düzenleyicide, komşu harflerin stilinin özelliklerini dikkate alarak harf aralığını daha ince bir şekilde değiştirmek mümkündür. Karakter aralığı özelliği açıkken Word, yazı tipinin özelliklerine bağlı olarak karakter çiftleri arasındaki en uygun aralığı otomatik olarak seçer. Karakter aralığının amacı metnin görsel çekiciliğini arttırmaktır.

Son iki ekran görüntüsünün dikkatli bir şekilde karşılaştırılması - karakter aralığı öncesi ve sonrası, bunu doğrulamanıza olanak tanır. Karakter aralığı esas olarak büyük yazı tipli metinlerde kullanılır - başlıklar ve logolar.

Video: Harfler arasındaki boşluk nasıl artırılır?

Yukarıda, Word 2010 ile ilgili olarak harf aralığı dikkate alınmıştır. Sonraki sürümlerin Word'ünde - 2007 ve 2013 - hiçbir fark yoktur.

Tüm siteler benzersizdir, her birinin kendi özgün tasarımı vardır. Herhangi bir sitenin ana bileşeni olan metin, genel stil ile uyumlu olmalıdır. Bazen sadece yazı tipi ailesini ve rengini değiştirmek güzel metinler oluşturmak için yeterli değildir. Bu durumda, harf aralığı kurtarmaya gelir - CSS'deki harfler arasındaki boşluğu değiştirmek için bir özellik

Harf aralığı özelliği neden gereklidir?

CSS'de harfler arasındaki boşluğu arttırırsanız, benzersiz bir metin stili elde edebilirsiniz.

Benzersiz bir yazı tipi oluşturmak için bazen harfler arasında girintiler oluşturmanız gerekir. Harfler arasındaki boşluğu arttırmanın tek yolu CSS'dir. İçinde bu işlev, harf aralığı özelliği tarafından gerçekleştirilir.

Harfler arasındaki boşluğu değiştirmenize izin veren CSS'de ek bir araçtır. Ancak bazen metin içeriğinin iyi bir şekilde şekillendirilmesi için tam olarak bu yeterli değildir.

Harf aralığı nasıl değiştirilir? CSS: harf aralığı

Tüm tarayıcılarda bu özellik varsayılan olarak ayarlanmıştır. Yalnızca (örneğin, Internet Explorer) değil, tüm modern tarayıcılar için geçerlidir.

Bu özelliğin değeri, seçicinin tüm alt öğeleri için miras alınır. Bu, gövde etiketi için harf aralığını ayarlayarak, tüm sayfa için harf aralığı değerini değiştireceğiniz anlamına gelir.

Başka bir nokta: belirtilen yazı tipini düşünün. Her biri için harfler arasındaki girinti değişir. Fark küçüktür, piksel kesirleriyle ölçülür, ancak aklınızda bulundurun.

Bu özelliğin işlevi, her harfin sağ tarafına dolgu eklemesidir. Harfler arasındaki boşluğu daha ayrıntılı bir düzeyde değiştirir. Marj-sol prensibi ile çalışır. Harf aralığı farklı değerlerde ayarlanabilir: göreli (em, rem, ex ve diğerleri) ve mutlak (px, mm, cm). En kullanışlı değerler px, rem ve em'dir. Elbette, küçük mesafe değişiklikleri için en uygun ve en uygun olduğundan, değeri piksel cinsinden belirtmek en iyisidir.

İlk olarak, bu özelliği test edeceğimiz içerikle sayfayı doldurun.

Ayarlamak için CSS belgenizi açın ve ardından gövde etiketi için letter-spacing: 5px satırını yazın. Böyle bir giriş, tüm sayfada harfler arasındaki mesafenin 5 piksel artacağı anlamına gelir (yazı tipine bağlı olarak 6 veya 5.5 olacaktır).

Yukarıdaki kodu yazdıktan sonra karşınıza şöyle bir web sayfası çıkacak:

Pozitif değerler genellikle 3-5 pikseli geçmez, ancak her zaman değil. Bazen, örneğin bir ana başlık oluştururken daha uzun mesafeler kullanılır. Metin okunamayacağından boşlukların 10 pikselin üzerinde yapılması önerilmez.

Ayrıca CSS'de harfler arasındaki boşlukları azaltmak da mümkündür. Aynı şekilde ayarlanır, ancak "-" işareti ile. Genellikle minimum değer -1 pikseldir. Ayrıca -10, hatta -20 ayarlayabilirsiniz, ancak metnin okunması imkansız olacaktır. Küçük girintili metin yapmak istiyorsanız 200 pikselden küçük bir değer kullanmayın.

Pratik kullanım

CSS'de, benzersiz bir yazı tipi oluşturmak için harf aralığı kullanılır. Yazı tipi stiliyle birlikte kullanıldığında başlıklarda da kullanılabilir: italik ve iyi bir renk, iyi bir logoya alternatif olarak kullanılabilir.

Ayrıca, bu özelliği text-align: center ile birlikte doğru kullanırsanız, blog için güzel bir makale başlığı belirleyebilirsiniz.

Harf aralığı, harflerin arasındaki boşlukları değiştirmek için harika bir CSS özelliğidir. Ana şey - girintilerle aşırıya kaçmayın.

Kural olarak, belirli bir boyuttaki her yazı tipi için değerler önceden ayarlanmış kelimeler arasındaki boşluklar, bir kelimedeki harfler arasındaki boşluk ve görsel çizgi yüksekliği. Courier New gibi tek aralıklı yazı tiplerinde farklı harfler arasındaki aralığın her zaman aynı olduğuna dikkat edilmelidir. Diğer yazı tiplerinde, harf aralığı harf kombinasyonlarına bağlıdır - çoğu durumda sabittir, ancak metni görsel olarak daha "pürüzsüz" ve eşit olarak dağıtmak için bazı harf çiftleri arasında kasıtlı olarak azaltılır. Örneğin, AU harfleri arasındaki mesafe, NP harfleri arasındakinden daha azdır, çünkü H ve P harfleri düzdür ve A ve U harfleri eğimlidir ve bir yöne yönlendirilir. Aynı harf aralığıyla, A ve Y, H ve P'den daha uzakta görünecektir. Bu efekti yumuşatmak için, aralarındaki mesafe biraz azaltılarak görsel olarak hizalanmış bir metin satırı elde edilir. Bu fenomen, optik yanılsamanın en açık tezahürlerinden biridir.

AT css metin blokları için metindeki kelimeler arasındaki mesafelerin boyutunu ayarlayabilirsiniz, yani aslında boşluğun boyutunu değiştirebilirsiniz. Ayrıca bir sözcük içindeki harfler arasındaki boşluğu değiştirebilir (yani, sıkıştırılmış veya seyrek metin oluşturabilirsiniz) ve metin satırının yüksekliğini kontrol edebilirsiniz. Çizgi yüksekliği, iki bitişik çizginin taban çizgileri arasındaki mesafedir.

HTML'de bu tür özelliklerin benzerleri yoktur. Aralıklar yalnızca kullanılarak ayarlanabilir css.

kelime aralığı özelliği

Bu özellik, kelimeler arasındaki boşluğu ayarlamanıza olanak tanır. Hem pozitif hem de negatif değerlerle herhangi bir uzunluk birimine değer olarak izin verilir. Negatif değerlerde kelimeler arasındaki mesafe azalır ve çok büyük değerlerde kelimeler çok yakınlaşabilir hatta birbirine karışabilir. Bu, metnin okunabilirliğini olumsuz etkiler, bu nedenle bu tür değerleri ayarlarken dikkatli olun. Yüzde değerlerine izin verilmez.

Bir örnek düşünün:

harf aralığı özelliği

Bu özellik, bir kelime içindeki harfler arasındaki boşluğu belirtir. Herhangi bir uzunluk birimindeki kelimeler arasındaki mesafeye benzer şekilde ayarlanır. Harflerin birbirine çok sıkı bitişik olabileceği veya hatta üst üste gelebileceği negatif değerlerin ayarlanmasına izin verilir. Bu nedenle, daha dikkatli kullanın. Değerin yüzde olarak ayarlanmasına izin verilmez.

Bu özelliği kullanarak, örneğin başlıklarda oldukça orijinal görünen harfleri seyrekleştirebilirsiniz. Aynı zamanda, bir yandan, harfler arasındaki mesafenin, başlığın görsel olarak sıradan metnin arka planında öne çıkacağı kadar önemli ölçüde arttırılması ve diğer yandan, seyrekliğin çok büyük olmaması önerilir. böylece metnin genel algısı bozulmaz.

Her iki özellik kelime aralığı ve harf boşluğu birlikte kullanılabilir, çünkü harfler arasındaki boşluğu arttırırken, okunabilirliği ve ayrı kelimeleri korumak için, kelimeler arasındaki boşlukları aynı anda artırmak gerekebilir. İşte tipik bir başlık örneği:

H1 (kelime aralığı: 2 örn; harf aralığı: 0.3 örn )

Bir öğe içindeki karakterler arasındaki boşluğu belirtir. Tarayıcılar genellikle karakterler arasındaki boşluğu yazı tipine ve türüne, boyutuna ve işletim sistemi ayarlarına göre ayarlar. Bu değeri değiştirmek ve bu özelliği uygulamak için. Negatif bir değer kullanmak kabul edilebilir, ancak bu durumda metnin okunabilirliğinin korunduğundan emin olmanız gerekir.

kısa bilgi

gösterim

	Tanım	Örnek
<тип>	Değerin türünü belirtir.	<размер>
A&B	Değerler belirtilen sırada çıktı alınmalıdır.	<размер> && <цвет>
bir | B	Önerilen değerlerden (A veya B) yalnızca birinin seçilmesi gerektiğini belirtir.	normal | küçük şapkalar
Bir || B	Her değer tek başına veya herhangi bir sırayla diğerleriyle birlikte kullanılabilir.	genişlik || saymak
	Grup değerleri.	[ kırp || geçmek]
*	Sıfır veya daha fazla kez tekrarlayın.	[,<время>]*
+	Bir veya daha fazla kez tekrarlayın.	<число>+
?	Belirtilen tür, sözcük veya grup isteğe bağlıdır.	ek?
(A, B)	En az A'yı tekrarlayın, ancak B'den fazla değil.	<радиус>{1,4}
#	Virgülle ayırarak bir veya daha fazla kez tekrarlayın.	<время>#

×

değerler

CSS'de kabul edilen herhangi bir uzunluk birimi değer olarak kabul edilir - örneğin, piksel (px), inç (inç), nokta (pt) vb. En iyi sonuç, yazı tipi boyutuna (em ve eski) dayalı göreli birimlerin kullanılmasıdır. ).

Normal Karakterler arasındaki boşluğu normal olarak ayarlar.

Kum havuzu

Winnie the Pooh, özellikle sabah saat on birde, biraz serinletici içeceklerden her zaman hoşlanmazdı, çünkü o sırada kahvaltı çoktan bitmişti ve akşam yemeği başlamayı düşünmemişti bile. Ve tabii ki Tavşan'ın bardak ve tabakları çıkardığını görünce çok sevindi.

div (harf aralığı: 0 ; )

Örnek

Dikkatli bir analizden sonra doruk noktası, 1994'te kuyruklu yıldızla olduğu gibi, göksel kürenin ekvatordaki büyük çemberini esasen aşıyor. Shoemakerov-Levi 9.

Bu örneğin sonucu Şekil 2'de gösterilmektedir. bir.

Pirinç. 1. Harf aralığı özelliğini uygulama

Nesne Modeli

Bir obje.style.letterBoşluk

Şartname

Her spesifikasyon, birkaç onay aşamasından geçer.

• Tavsiye (Tavsiye) - spesifikasyon W3C tarafından onaylanmış ve standart olarak tavsiye edilmiştir.
• Aday Önerisi ( Olası öneri) - standarttan sorumlu grup, hedeflerine ulaştığından memnun, ancak standardı uygulamak için geliştirme topluluğunun desteği gerekiyor.
• Önerilen Öneri ( Önerilen öneri) - Bu aşamada belge nihai onay için W3C Danışma Kurulu'na sunulur.
• Çalışma Taslağı - Tartışma ve topluluk incelemesi için yapılan değişikliklerden sonra taslağın daha olgun bir versiyonu.
• Editörün taslağı ( içerik taslağı) proje editörleri tarafından değişiklikler yapıldıktan sonra standardın taslak versiyonudur.
• taslak ( Şartname taslağı) standardın ilk taslak versiyonudur.

×