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.
|