CSS Serisi – 3) CSS Örnekleri 1.2 Yazılar
Merhaba arkadaşlar, CSS Tanımını, Kullanımını ve CSS Örneklerini paylaşacağım “CSS Serisi” makalelerine “CSS Örnekleri” ile devam ediyoruz. “CSS Nedir?” diye merak eden arkadaşlar ilk yazıyı, “CSS Kullanımını” öğrenmek isteyen arkadaşlar da ikinci yazıyı inceleyebilirler.
CSS ile Yazılar
CSS aracılığı ile yazılarımızın bir çok özelliğini değiştirebiliyoruz. Bu yazıda belli başlı özelliklerden bahsedeceğim.
color: Yazı Rengi
Yazımızın rengini belirlememizi sağlayan koddur.
Kullanımı: div { color: blue; }
text-align: Hizalama
Yazının yatay yönde nasıl hizalanacağını belirtmemizi sağlar. En çok kullanılan dört hizalama yöntemi:
- left : sol
- right : sağ
- center : ortalanmış
- justify : iki yana yasla
Kullanımı: div { text-align: justify; }
text-decoration: Yazı Biçimi
Yazının biçiminde değişiklikler yapmamızı sağlar. Örneğin tarayıcı varsayılanında sürekli “a” elementlerindeki altı çizgili dekorasyonu kaldırmak için aşağıdaki yazılabilir.
Kullanımı: a { text-decoration: none; }
text-transform: Yazıdaki Tüm Harfleri Büyütmek / Küçültmek
Yazıdaki tüm harfleri büyük ya da küçük harfle yazmayı sağlar.
- uppercase : tüm harfleri büyük harf yap
- lowercase : tüm harfleri küçük harf yap
Kullanımı: h1 { text-transform: uppercase; }
text-indent: Soldan Boşluk
Bir yazının başında belirtilen büyüklükte boşluk bırakmanızı sağlar. Özellikle paragraflar için kullanılır.
Kullanımı:
/* 50 piksel ilk satırda boşluk bırakılacak */
p { text-indent: 50px; }
Diğer Yazı Şekillendirme Komutları
line-height: Satır yüksekliğini belirtmemizi sağlar.
letter-spacing: Harfler arasında belirtilen değerde boşluk koyar.
word-spacing: Kelimeler arasında belirtilen değerde boşluk koyar.
Evet arkadaşlar bu yazımda sizlere “CSS ile Yazı Örnekleri” hakkında bilgi vermeye çalıştım. Soru ve önerilerinizi yorum olarak ya da e-mail göndererek iletebilirsiniz, teşekkürler.
Kaynak: CSS.sitesi.web.tr
