CSS 16 Nisan 2014
css text özellikleri

CSS Text Özellikleri

Öncelikle uzun zamandır CSS ile ilgili bir makale yazmamıştım ve dolayısıyla bunca zaman sonra yeni bir başlangıç yaparak css text özellikleri hakkında bilgi vermek istedim.

HTML sayfanızda CSS yardımı ile metinlere tanımlayabileceğiniz renk, hizalama, kalınlaştırma, karakter boşluğu vb. atamalar yaparak biçimlendirebilirsiniz. Bu yazıda öğreneceğiniz css metin özellikleri şunlar:

  • color
  • text-align
  • text-decoration
  • text-transform
  • text-indent
  • line-height
  • letter-spacing
  • word-spacing

css text özellikleri

 

color: Metin rengi için kullanılır.

Örnek1:

p { color: blue; }

Örnek 2: 

p { color: #DDCC34; }

text-align: Metin hizalama için kullanılır. Kullanılan hizalama tanımlamaları ise şunlardır:

  • left : sol
  • right : sağ
  • center : ortalanmış
  • justify : iki yana yasla

Örnek:

p { text-align: justify; }

text-decoration: yazı biçim için kullanılır. Varsayılan olarak linkler altı çizilidir, fakat bu özellik ile altı çizili biçimini kaldırabiliriz.

Örnek:

a { text-decoration: none; }

text-transform: Metin dönüştürme için kullanılır. Yani yazıların tümünü büyük harfe ya da tam tersi tümünü küçük harfe dönüştürebiliriz. Tanımlamalar:

  • uppercase : tüm harfleri büyük harf yapar
  • lowercase : tüm harfleri küçük harf yapar

Örnek:

H1 { text-transform: uppercase; }

text-indent: Metin girintisi için kullanılır. Özellikle paragraflar için yazının başında belirtilen büyüklükte boşluk bırakmanızı sağlar.

Örnek:

p { text-indent: 50px; }

line-height: Satır yüksekliğini belirtmemizi sağlar.

Örnek: 

.ilkparag { line-height: 20px; }

letter-spacing: Harfler arasında belirtilen değerde boşluk koyar.

Örnek:

p { letter-spacing: 5px; }

word-spacing: Kelimeler arasında belirtilen değerde boşluk koyar.

Örnek:

p { word-spacing: 10px; }
Bunu da Oku:  Animasyonlu CSS3 Fotoğraf Yığını

Yazar Bilgileri

Emrah emrah19may@hotmail.com

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap