HTML’de Metinler ile çalışırken bazı durumlarda kelimler yada karakterler arasında boşluk bırakma yada paragraf başında girinti yapmak gibi özel durumlara ihtiyaç duyabiliriz. İşte burada CSS özellikleri bizlere yardımcı olacaktır.
Bunu yazı serisini bölümlere ayırdım. CSS Sözde Sınıflar konusu ile ilgili diğer bölümleri de aşağıdaki bağlantılarda bulabilirsiniz.
- Bağlantı Sözde Durumları
- Form Sözde Durumları
- Element Durum Seçicileri
- Diğer Sözde Durumlar
- Dil Bilimsel Durumlar
Bu yazıda CSS kullanarak harfler arasında nasıl boşluk bırakacağınızı göreceksiniz. Çok daha fazla CSS konusu için CSS Dersleri yazısına bakabilirsiniz.
letter-spacing özelliği karakterler arasında pozitif yada negatif boşluk bırakmak için kullanılır. Aşağıdaki örnek yardımcı olacaktır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html> <html> <head> <style> h1 { letter-spacing: 5px; } h2 { letter-spacing: 2px; } h3 { letter-spacing: -2px; } </style> </head> <body> <h1>Merhaba Dünya</h1> <h2>Merhaba Dünya</h2> <h3>Merhaba Dünya</h3> </body> </html> |
Yukarıdaki kod çalıştırıldığında aşağıdaki gibi bir çıktı oluşacaktır.
Yorum Yap