CSS

text-indent : 


Stil konumlarının uygulanışı:
p tag'ına uygulanacak altı ayrı class
(Başka tag'de olabilir.)
<style type="text/css">
  .one {text-indent: 0.5in; background: aqua;}
  .two {text-indent: 2cm; background: aqua;}
.three {text-indent: 20mm; background: aqua;}
 .four {text-indent: 24pt; background: aqua;}
.eight {text-indent: 150px; background: aqua;}
 .nine {text-indent: 25px; background: aqua;}
</style>
Not:zemin rengini background sağlamıştır.Renk ismini değiştirilerek istenilen bir renk değeri verilebilir.Örneğin aqu yerine red,blue vb. gibi.

1.Paragraf başlangıcını 0.5 inç sağa
2.Paragraf başlangıcını 2 santim sağa
3.Paragraf başlangıcını 20 milimetre sağa
4.Paragraf başlangıcını 24 nokta sağa
5.Paragraf başlangıcını 150 piksel  sağa
6.Paragraf başlangıcını 25 piksel sağa kaydırır.

p tag'ına uygulanışı;
 

<P class="one">
Deneme yazısının uygulama görüntüsü 0.5 inç sağada.
</P>
<P class="two">
Deneme yazısının uygulama görüntüsü 2 santim sağda.
</P>
<P class="three">
Deneme yazısının uygulama görüntüsü 20 milimetre sağda..
</P>
<P class="four">
Deneme yazısının uygulama görüntüsü 24 nokta sağda.
</P>
<P class="eight">
Deneme yazısının uygulama görüntüsü 150 piksel    sağda.
</P>
<P class="nine">
Deneme yazısının uygulama görüntüsü 25 piksel sağda.
</P>

Not:class isimlerini istediğiniz bir adla değiştirebilirsiniz.Ben kaynaktan olduğu gibi aktardım.

Şimdi de sayfada yazdıklarımızın, yukarıdaki verilerin ışığında nasıl göründüğüne bakalım;
 

Deneme yazısının uygulama görüntüsü 0.5 inç sağada. 

Deneme yazısının uygulama görüntüsü 2 santim sağda. 

Deneme yazısının uygulama görüntüsü 20 milimetre sağda.. 

Deneme yazısının uygulama görüntüsü 24 nokta sağda. 

Deneme yazısının uygulama görüntüsü 150 piksel sağda. 

Deneme yazısının uygulama görüntüsü 25 piksel sağda. 
 

Kaynak:www.w3.org/
 
 

[Geriye] [İleri] [Anasayfa] [İçindekiler] [Diğerleri]