İlginizi Çekebilir

CSS Metin Özellikleri

CSS Metin Özellikleri

Bu yazımızda sizlere CSS Metin özellikleri hakkında bilmeniz gereken parametreleri ve özelleştirme seçeneklerini göstereceğim. Web sitelerinde veya HTML Dokümanı üzerinde yazmış olduğunuz metinleri, CSS yardımıyla özelleştirmek mümkün.
HTML ile yazı biçimlendirmede olduğu gibi, CSS ile özelleştirme yaparken de aynı özelleştirmeler mevcuttur.

CSS Metin Özellikleri
Önerilen Yazı
HTML Yazı Biçimlendirme

 
CSS ile metinlerimizi özelleştirirken; metinin yazı tipini, rengini, boyutunu, konumunu değiştirme gibi özelleştirme parametreleri mevcuttur. Gelin şimdi birlikte bu özelleştirmelere göz atalım.
 

Metin hizalama (text-align)

text-align parametresi ile metinleri hizalama yapmaktayız. Metini ortalayabilir, sağa yaslı veya sola yaslı yapabiliriz.

CSS Metin Özellikleri

CSS Metin Özellikleri

CSS Metin Özellikleri

 
 

Metin renklendirme (color)

colorparametresi ile, metinlerimizin renklerini isteğimize göre değiştirebiliriz. İstediğiniz rengin adını, kodunu yazarak renklendirme yapabilirsiniz. Renk adlarını ve kodlarını bilmiyorsanız BURAYA tıklayarak renk kodlarını öğrenebilirsiniz.

CSS Metin Özellikleri

CSS Metin Özellikleri

 
 

Metin gölgelendirme (text-shadow)

Metinlerimizi özelleştirirken aynı zamanda gölgelendirme ekleyerek, görünümlerini biraz daha zenginleştirebiliriz.
text-shadow parametresi ile gölgelendirme yapmaktayız.
Gölgelendirme yaparken; parametremiz 3 farklı değer almaktadır.
1. Değer: Gölge hizasının yatay konumu
2. Değer: Gölge hizasının dikey konumu
3. Değer: Gölgenin bulanık olma değeri

CSS Metin Özellikleri

 
 

Metin dekorasyonu (text-decoration)

Metinlere çeşitli dekorasyonlar ekleyerek özelleştirebiliriz. Bu özelleştirmeler; altı çizili, üstü çizili gibi çizikli dekorasyonlardır.
Dekorasyonları, text-decoration parametresi ile yapmaktayız. Bu parametrenin çeşitli özellikleri bulunmaktadır.
none : Herhangi bir dekorasyon eklemez. Metini orijinal halinde gösterir.
overline : Metine bir üst çizgi ekler.
underline : Metine bir alt çizgi ekler.
line-through : Metinin ortasından bir çizgi ekler.
overline underline : Metinin altında ve üstünde çizgi ekler.
overline underline line-through : Metine alt, üst ve orta çizgi ekler.
inherit : Dekorasyon özelliğin değerini, diğer öğenin değerinden almasını sağlar.

Aynı zamanda çizgilerin görünüşlerini özelleştirmek için, çizgilere belli parametre değerleri atayabiliriz. Örneğin çizgiyi dalgalı, noktalı veya çift çizgi gibi türlerde yapabiliriz.
solid :Düz çizgi ekler. Varsayılan değer olarak kullanılır.
wavy :Dalgalı çizgi ekler.
double :Çift çizgi ekler.
dashed :Kesikli çizgi ekler.
dotted :Noktalı çizgi ekler.

Merhaba ! Bu yazı üst çizgili bir yazıdır.

Merhaba ! Bu yazı alt çizgili bir yazıdır.

Merhaba ! Bu yazı ortası çizgili bir yazıdır.

Merhaba ! Bu yazı altından ve üstünden çizgili bir yazıdır.

Merhaba ! Bu yazı altından, üstünden ve ortasından çizgili bir yazıdır.

Merhaba ! Bu yazı alt çizgisi dalgalı bir yazıdır.

Merhaba ! Bu yazı üst çizgisi noktalı bir yazıdır.

Merhaba ! Bu yazı orta çizgisi kesikli bir yazıdır.

 
 

Metinlerin harflerini dönüştürme (text-transform)

text-transform parametresi ile metinlerin harflerinde değişiklikler yapabilirsiniz. Küçük harfleri büyük harfe; büyük harfleri küçük harfe dönüştürebilirsiniz.
capitalize : Metin içerisinde bulunan kelimelerin ilk harflerini büyük yapar.
lowercase : Metin içerisinde bulunan tüm kelimeleri küçük harfli yapar.
uppercase : Metin içerisinde bulunan tüm kelimeleri büyük harfli yapar.

Merhaba, bu yazımızda sizlere CSS metin özellikleri konusunu anlatacağız.

Merhaba, bu yazımızda sizlere CSS metin özellikleri konusunu anlatacağız.

Merhaba, bu yazımızda sizlere CSS metin özellikleri konusunu anlatacağız.

 
 

Kelimeler arası mesafe (word-spacing)

word-spacing parametresi ile, kelimeler arası mesafenin uzaklığını ve yakınlığını ayarlayabilirsiniz.

CSS Metin Özellikleri

CSS Metin Özellikleri

CSS Metin Özellikleri

 
 

Harfler arası mesafe (letter-spacing)

letter-spacing parametresi ile, harfler arası mesafenin uzaklığını ve yakınlığını ayarlayabilirsiniz.

CSS Metin Özellikleri

CSS Metin Özellikleri

CSS Metin Özellikleri

 
 

Satırlar arası mesafe (line-height)

line-height parametresi ile, metinlerin alt alta oldukları durumlarda, satırları arasında boşluğun ne kadar olacağını ayarlayabiliriz. Satırlar arasında ki boşluğun yüksekliğini ayarlamamızda kullanılır.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque suscipit tortor in nunc aliquet euismod. Duis ut finibus quam. Vivamus
tincidunt a nisi eu Kod Kampüsü. Ut vitae erat a mi mollis tempor eu vel lectus.
Nulla vitae interdum nunc, eget CSS Metin Özellikleri tellus. Proin aliquet suscipit,
consectetur nibh vulputate at. Praesent sollicitudin nulla quis quam efficitur
vulputate. Suspendisse blandit Kod Kampüsü enim, at fringilla eros vestibulum nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque suscipit tortor in nunc aliquet euismod. Duis ut finibus quam. Vivamus
tincidunt a nisi eu Kod Kampüsü. Ut vitae erat a mi mollis tempor eu vel lectus.
Nulla vitae interdum nunc, eget CSS Metin Özellikleri tellus. Proin aliquet suscipit,
consectetur nibh vulputate at. Praesent sollicitudin nulla quis quam efficitur
vulputate. Suspendisse blandit Kod Kampüsü enim, at fringilla eros vestibulum nec.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque suscipit tortor in nunc aliquet euismod. Duis ut finibus quam. Vivamus
tincidunt a nisi eu Kod Kampüsü. Ut vitae erat a mi mollis tempor eu vel lectus.
Nulla vitae interdum nunc, eget CSS Metin Özellikleri tellus. Proin aliquet suscipit,
consectetur nibh vulputate at. Praesent sollicitudin nulla quis quam efficitur
vulputate. Suspendisse blandit Kod Kampüsü enim, at fringilla eros vestibulum nec.

Yorum Yap

Yorum Yap

Yorumlar (1)

  1. 4 ay önce

    Böyle devammm admin

Bir cevap yazın

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