Css

CSS Temel – CSS Metinler (Text)

  Css    6 Mart 2019
Yorum Yok

CSS metin özellikleri, renk, hizalama, boşluk, dekorasyon, dönüştürme vb. Gibi birkaç metin stilini çok kolay bir şekilde etkili bir şekilde tanımlamanıza izin verir.

CSS ile Metin Biçimlendirme

CSS, metin stillerini tanımlamak için çeşitli özelliklere sahiptir. Bu özellikler, karakterlerin , boşlukların , kelimelerin , paragrafların vb. Görsel görünümü üzerinde tam kontrol sağlar .

Bir öğenin aşağıdaki metin özelliklerini ayarlayabilirsiniz:

Metin Rengi (color)

Metin rengi, CSS  color özelliği tarafından tanımlanır. Daha fazla bilgi edin.


Metin Hizalama (text-align)

text-align Metnin yatay hizalamak için kullanılır.

Bu özellik için olası değerler şunlardır: leftrightcenterjustify, ve inherit.

Metin Süslemesi (text-decoration)

text-decoration Özelliği ayarlamak veya metinden süslemeleri kaldırmak için kullanılır.

Bu özelliğin Olası değerler şunlardır: noneunderlineoverlineline-throughblinkve inherit.

  • text-decoration: none; (Örneğin, bu kodu “a” etiketi için kullandığımızda linkin alt çizgisi kaybolacaktır.)
  • text-decoration: underline; (Bu kod yazıyı altı çizili yapar.)
  • text-decoration: overline; (Bu kod yazının tepesini çizili yapar.)
  • text-decoration: line-through; (Bu kod yazının ortasından çizgi geçirir.)
  • text-decoration: blink; (Bu kod yazının bir görünüp bir görünmemesini sağlar. Ancak Internet Explorer bu özelliği desteklemez.)

Uyarı: blink CSS değeri text-decoration mülkiyet tarayıcıların çoğu tarafından desteklenmemektedir. Bu değerden kaçınmalısınız.


Bağlantılar Varsayılan Alt Çizgilerini Kaldırma

text-decoration bağlantılar varsayılan alt çizgi kaldırmak için kullanılır. Alt çizgiyi tamamen kaldırmak ziyaretçiyi şaşırtabilir. Bu yüzden a:hover özelliğini kullanmanızı tavsiye ederim.

Örneğin, bağlantılarınızı düz çizgi yerine vurgulamak için noktalar kullanabilirsiniz.

Not: Bir HTML bağlantısı oluşturduğunuzda , stil sayfasında yerleşik tarayıcılar otomatik olarak altını çizer, böylece okuyucular hangi metnin tıklanabilir olduğunu görebilir.


Metin Dönüşümü (text-transform)

Öğenin metin içeriğini büyük veya küçük harf olarak ayarlamak veya her kelimenin ilk harfini büyük harf yapmak için kullanılabilir. İçin olası değerler text-transformmülkiyet şunlardır: nonecapitalizeuppercaselowercaseve inherit.

” text-transform “ özelliği için 3 ayrı değer bulunmaktadır.

  • text-transform: uppercase; (Bu kod yazıyı komple büyük harfe çevirir.)
  • text-transform: lowercase; (Bu kod yazıyı komple küçük harfe çevirir.)
  • text-transform: capitalize; (Bu kod sadece kelimelerin ilk harflerini büyük hale çevirir.)

Metin Girintisi (text-indent)

text-indent Özelliği, bir elemanın, metnin ilk satırının girintisini ayarlamak için kullanılır. text-indent Özellik için olası değerler : percentage ( %), length (girinti alanını belirleme) veya inherit.

Aşağıdaki örnek, bir paragrafın ilk satırının girintisini gösterir.

CSS Diğer Metin Özellikleri

  • line-height: 30px; (Satır aralarında ki mesafeyi 30 piksel açar.)
  • letter-spacing: 10px; (Harflerin arasında ki mesafesi 10 piksel açar. Eksi (-) kullanılabilir.)
  • word-spacing: 20px; (Kelimelerin arasında ki mesafesi 20 piksel açar. )
  • vertical-align: text-top; (Dikey hizalama için kullanılır. baseline, sub, super, top, text-top, middle, bottom, text-bottom gibi değerler alabilir, yüzde ve piksel kullanımı vardır. )
  • direction: rtl; (Metinleri sağda ve solda göstermek için kullanılır. ltr ve rtl değerlerini alır.)
  • white-space: nowrap; (Metinde ki boşlukları kullanmak için ve iptal etmek için kullanılır. nowrap, pre, pre-line, pre-wrap gibi değerler alır.)
0 okunma

Etiketler : , , , , , , ,

  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

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

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.