istanbul escort

izmir escort - izmit escort - bursa escort - ankara escort - eskisehir escort - alanya escort - antalya escort - mersin escort - bodrum escort - gaziantep escort - kayseri escort - konya escort - beylikdüzü escort - istanbul escort - sex hikayeleri - seks hikayeleri - hd porno - porno

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; }

Eşleştirilen İçeriklere Göz Atın

Emrah

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup Web-Grafik Tasarımı ve SEO eğitmeni. Sinema ve doğa gezileri en sevdiği hobileri.

Bunları da sevebilirsiniz

Bir cevap yazın

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

sakarya escort sakarya escort sakarya escort maltepe escort sakarya escort sakarya escort
escort escort ankara esenyurt escort Başakşehir escort avcılar escort ataköy escort beylikdüzü escort gaziantep escort bornova escort kayıs dagı escort tuzla escort ümraniye escort Antalya escort Ankara escort istanbul escort avcılar escort ankara escort escort ankara Pendik escort istanbul escort seks hikayeleri Ankara escort izmir escort tuzla escort alsancak escort escort izmir hardcore porn mobil porn porno brazzers eskort ankara izmir escort