CSS Metin(Text) Özellikleri

CSS METİN(TEXT) ÖZELLİKLERİ

 

Cssmetintext

Bu yazımda Css ile metni nasıl biçimlendireceğimizi renk, hizalama, font büyüklüğü, harfler arası boşluk, metnin altını üstünü çizmek vs. gibi kodları göstereceğim.

Color

Metine renk vermek için kullanılır.

Kullanılışı


Line-height

Metin içindeki satırların arasındaki mesafeyi ayarlamak için kullanılır.

Kullanılışı


Text-align

Metinleri hizalama için kullanılır.

  • text-align:left; (Metni sola hizalamak için kullanılır.)
  • text-align:center; (Metni ortaya hizalamak için kullanılır.)
  • text-align:right; (Metni sağa hizalamak için kullanılır.)
  • text-align:justify; (Metin içeriğinin sağ taraftan kalan boşluklarını tamamlar

Kullanılışı


Text-decoration 

Genellikle bağlantıların(link) altındaki çizgileri kaldırmakla birlikte metinlerin üst tarafını çizmeyi, altını çizmeyi, üzerini çizmeyi sağlar.

  • text-decoration: none;(Örneğin, bu kodu “a” etiketi için kullandığımızda linkin alt çizgisi kaybolacaktır.)
  • text-decoration: underline; (Metni altı çizili yapar.)
  • text-decoration: overline; (Metin tepesini çizili yapar.)
  • text-decoration: line-through; (Metin ortasından çizgi geçirir.)

Kullanılışı


Text-tansform

Bir metindeki karakterleri büyük veya küçük harfe çevirebilir ya da metinde bütün kelimelerin ilk harflerini büyük yapabilir.

  • text-transform:uppercase  Metindeki tüm harfleri büyük harfe çevirir
  • text-transform:lowercase  Metindeki tüm harfleri küçük harfe çevirir
  • text-transform:capitalize   Metindeki kelimelerin ilk harflerini büyük harfe çevirir

Kullanılışı


Letter-spacing

Metin içindeki yer alan karakterlerin arasındaki boşluğu ayarlamak için kullanılır.

Kullanılışı


Word-space

Metin içinde yer alan kelimeler arasındaki (boşluğu) ayarlamak için kullanılır.

Kullanılışı


Vertical-align

Bir öğenin dikey olarak hizalaması için kullanılır. Aşağıdaki değerleri alabilir.

  • baseline: Orta(metin içeriğine göre)
  • sub: Altsimge
  • super: Üstsimge
  • top: Yukarı(Elemente göre)
  • text-top Yukarı(metin içeriğine göre)
  • middle Orta(elemente göre)
  • bottom Alt(elemente göre)
  • text-bottom Alt(metin içeriğine göre)
  • px ve yüzde(%) değerleride verilebilir.

Kullanılışı

 

Bir Cevap Yazın