CSS Text(Metin) İşlemleri (Videolu)

CSS teknolojisi ile metinlerde bir kaç değişiklik yapabilme şansımız vardır. Aşağıdaki başlıklarda bunları inceleyeceğiz.

 Youtube


Vimeo

Dailymotion

CSS Text (Metin) İşlemleri ile bilgiuscom
TEXT-INDNT

Metinleri girintili iç tarafa doğru yazabilme imkanı sunar.

text-indent 30 px;

30 px lik girinti bırakmamızı sağlıyor.

TEXT-ALIGN

Yazıyı sağa sola yerleştirme veya ortalamak için kullanılır.

text-align: right;

text-align:center;

TEXT-DECORATION

Altı çizili, üstü çizili veya sadelik  vs. dekorasyonunu sağlayacak işlemi yapılır.

text-decoration: underline;

text-decoration: overline;

text-decoration: line-through;

LETTER-SPACING

Karakterler arası boşluk miktarını belirlenir.

letter-spacing: 6px;

letter-spacing: 3px;

<p style="word-spacing: normal;">Bu paragrafta kelimeler

arasındaki

boşluk "normal" olarak tanımlanmıştır.</p>

<p style="word-spacing: 0.5em;">Bu paragrafta kelimeler

arasındaki

boşluk "0.5em" olarak belirlenmiştir.</p>

 

TEXT-TRANSFORM

Yazıda büyük harf küçük harf değişikliğinin yapıldığı özelliktir.

  • Uppercase : Bütün harfler büyük harf halini alır.
  • Lowecase : Bütün harfleri küçük harf yapar.
  • Capitalize :Kelimelerin ilk harflerini büyük harf yapar.
  • None : Hiç birşey yapmaz.
değerleri bulunur.
text-tranfsorm: uppercase;
text-transform: capitalize;

 

 

 

 

 

 

 

 

Author: Ali Göksel Bektaş

Simenty kurucu ortağı. Küçüklüğünden beri website yapan Ali bulunduğu web sektöründe 10 yıldan fazla tecrübesı vardır. Bisiklet sürmeyi, kek yemeyi ve rahat koltukları sever.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.