CSS Metin İşlemleri

CSS Metin İşlemleri

Metinlerin özellikleri CSS kullanılarak değiştirilebilir.

Metin rengi (Text Color)

Renk özelliği, bir metnin rengini atamak için kullanılır. CSS'te renk atama,

• bir HEX değerle: "#ff0ee0",
• bir RGB (red-green-blue, kırmızı-yeşil-mavi) değerle: "rgb(200,10,50)",
• ya da bir renk adı belirtilerek gerçekleştirilebilir.

Metnin yerleştirilmesi

Text-align özelliği, metnin yatay yerleşimi için kullanılır. Metin ortalanabilir (centered), sola ya da sağa yanaşık olabilir veya ayrılan yere göre kendini ayarlayabilir.  

h1 { text-align: center; } p.date { text-align: left; } p.main { text-align: justify; }

Metin dekorasyonu

Text-decoration özelliği, metin içine bir dekorasyon ekleme ya da metinden bir dekorasyonu uzaklaştırma amacıyla kullanılır. text-decoration özelliği, genelde tasarım amacıyla bağlantılardan alt çizgileri uzaklaştırmak için kullanılır.

a { text-decoration: none; }

Metin dönüşümü

Metin dönüşüm (text-transform) özelliği, metin içinde büyük harf ve küçük harf karakterleri belirlemek için kullanılır. Ya karakterler büyük harfe veya küçük harfe çevrilir ya da her kelimenin ilk harfi büyük harf yapılır.

p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; }

Metin girintileme (Text Indentation)

Text-indent özelliği, metnin ilk satırının ne kadar içeriden yazılacağını belirler.

p { text-indent: 40px; }

Metin özellikleri

Özellik	Anlamı
color	Metnin rengini atama işlemini gerçekleştirir.
direction	Metnin yazma yönünü belirler.
letter-spacing	Metindeki karakterler arasındaki boşlukları artırır ya da azaltır.
line-height	Satır yüksekliğini atama işlemini gerçekleştirir.
text-align	Metnin yatay konumlandırılmasını belirler.
text-decoration	Metne eklenecek dekorasyonu belirler.
text-indent	Bir metin bloğundaki ilk satırın ne kadar içerden başlayacağını belirler.
text-shadow	Metne eklenecek gölge etkisini belirler.
text-transform	Metnin büyük-küçük harf durumunu belirler.
vertical-align	Bir elemanın düşey yerleşimini belirler.
white-space	Eleman içinde alfabe dışı karakterlerin nasıl işlem göreceğini belirler.
word-spacing	Bir metinde kelimeler arasında bulunan boşluk sayısını artırır ya da azaltır.