"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - CSS Text Özellikleri

Text Özellikleri

Text özelliği ile de font özelliğinin sahip olmadığı bazı özellikleri etiketimizeekleriz.

Örnek :

<html>

<head>

<title>Css</title>

<styletype="text/css">

p {

text-transform : lowercase;

text-decoration : underline;

text-align : left;

line-height : 20px;

text-indent : 15px;

}

</style>

</head>

<body>

<p>Bilgiegitim - CSS Eğitimi</p>

</body></html>

 

Alt özellikleri tanıyalım.

 

text-transform:

lowercase       : Yazının tümünün küçük harf olmasını sağlar.

uppercase       : Yazının tümünün büyük harf olmasını sağlar.

capitalize        : Yazının istenilen şekilde kalmasını sağlar.

 

text-decoration :

underline        : Yazının altının çizili olmasını sağlar.

overline          : Yazının üstünün çizili olmasının sağlar.

none                : Yazının herhangi bir yerine çizgi çekilmemesini sağlar.

 

text-align:

left                            : Yazının sola hizalıolmasını sağlar.

center              : Yazının ortada olmasının sağlar.

right                 : Yazının sağa hizalı olmasını sağlar.

line-height     :Yazının normal satırdan çizgi yüksekliğini belirler. 3px, 5pxgibi değerler alır.

text-indent : Yazının soldan ne kadar boşlukla içeriden başlayacağınıbelirler. 5px, 10px gibi değerler alır.