CSS Serisi – 3) CSS Örnekleri 1.2 Yazılar

1.176 kez okundu

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.

wordle-css

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

 

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload CAPTCHA.

Tipobe365 Giriş