Css dilinde metin düzenleme işlemleri (metnin rengini, boyutunu, konumunu,harfler ve kelimeler arası boşluk, büyük harf, küçük harf vb.) yapılmaktadır. Html biçimlendirme isimli dersimizde anlattığımız gibi Css dilinde de biçimlendirme (metin düzenleme) işlemlerinin nasıl yapıldığını öğreneceksiniz.
Css Metin Özellikleri:
Css color özelliği metnin rengini belirlemek için kullanılır. Değer olarak rengin ingilizce ismi, hex veya rgb kodu kullanılabilir.
<style>
.renk
{
color:blue;
}
</style>
Css text align özelliği metnin konumunu belirlemek için kullanılır. Metnin konumunu yani hizalama işlemi yapmak için text-align özelliğine ait değer bulunmaktadır. Bunlar:
<style>
.sag{
text-align:right;
}
</style>
<style>
.sol{
text-align:left;
}
</style>
<style>
.orta{
text-align:center;
}
</style>
<style>
.metin{
text-align:justify;
}
</style>
Css text-decoration özelliği metnin altı çizili, üstü çizili, ortası çizili veya linklerde olan alt çizgiyi kaldırmak için kullanılır. Text-decoration özelliğine ait 4 değer bulunmaktadır. Bunlar:
<style>
.baglanti{
text-decoration:none;
}
</style>
<style>
.alticizili{
text-decoration:underline;
}
</style>
<style>
.tepesicizili{
text-decoration:overline;
}
</style>
<style>
.silinmis{
text-decoration:line-through;
}
</style>
Css text-transform özelliği metinde bulunan harfleri küçük,büyük veya ilk harfleri büyük olarak yapmak için kullanılır. Text-transform özelliğine ait 3 değer bulunmaktadır. Bunlar:
<style>
.buyuk{
text-transform:uppercase;
}
</style>
<style>
.kucuk{
text-transform:lowercase;
}
</style>
<style>
.ilkharfbuyuk{
text-transform:capitalize;
}
</style>
Css text-indent özelliği girinti eklemek yani paragraf eklerken ne kadar içten başlayacağını belirlemek için kullanılır. Değer olarak pixel olarak girilebilmektedir.
<style>
.paragraf{
text-indent:25px;
}
</style>
Css letter-spacing özelliği metinde bulunan harfler arasında ne kadar boşluk mesafe olacağını belirlemek için kullanılır.
<style>
p{
letter-spacing:5px;
}
</style>
<style>
.bes{
letter-spacing:5px;
}
.on{
letter-spacing:10px;
}
.onbes{
letter-spacing:15px;
}
</style>
Css word-spacing özelliği metinde bulunan kelimeler arasında ne kadar boşluk mesafe olacağını belirlemek için kullanılır.
<style>
.kelimelerarasi{
word-spacing:25px;
}
</style>
Css line-height özelliği satırlar arasındaki mesafeyi ayarlamak için kullanılır.
<style>
.satirarasi{
line-height:10px;
}
</style>
Css text-shadow özelliği metne gölge eklemek için kullanılır.
text-shadow: Kaç Pixel Yanda Olacağı; Kaç Pixel Altta Olacağı; Renk;
<style>
.golge{
text-shadow:30px 10px blue;
}
</style>
| Önceki Ders: Css Boyut | Sonraki Ders: Css Font Özellikleri |