Stil konumlarının uygulanışı:
p tag'ına uygulanacak
altı ayrı class
(Başka
tag'de olabilir.)
<style
type="text/css">
.zero{background-color:
silver; margin-right: 0; text-align: right;}
.one{margin-right:
0.5in; text-align: right; background-color: aqua;}
.two{margin-right:
25px; text-align: right; background-color: aqua;}
.three{margin-right:
5pt; text-align: right; background-color: aqua;}
.four{margin-right:
50mm; text-align: right; background-color: aqua;}
.five{margin-right:
-10px; background-color: 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ı sağadan
sola 0 geğerle
2.Paragraf başlangıcını 0.5 inç
sağadan sola
3.Paragraf başlangıcını 25 piksel
sağadan sola
4.Paragraf başlangıcını 5 nokta
sağadan sola
5.Paragraf başlangıcını 250 mm
sağadan sola
6.Paragraf başlangıcını -10 piksel
sağan sola kaydırır.
p tag'ına uygulanışı;
<P
class="zero">
Deneme yazısının uygulama
görüntüsü sağadan sola 0 geğerle.
</P>
<P
class="one">
Deneme yazısının uygulama
görüntüsü 0.5 inç sağadan sola.
</P>
<P
class="two">
Deneme yazısının uygulama
görüntüsü 25 piksel sağadan sola.
</P>
<P
class="three">
Deneme yazısının uygulama
görüntüsü 5 nokta sağadan sola.
</P>
<P
class="four">
Deneme yazısının uygulama
görüntüsü 50 mm sağadan sola.
</P>
<P
class="five">
Deneme yazısının uygulama
görüntüsü -10 piksel sağdan sola.
</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ü sağadan sola 0 geğerle.
Deneme yazısının uygulama görüntüsü 0.5 inç sağadan sola.
Deneme yazısının uygulama görüntüsü 25 piksel sağadan sola.
Deneme yazısının uygulama görüntüsü 5 nokta sağadan sola.
Deneme yazısının uygulama görüntüsü 50 mm sağadan sola.
Deneme yazısının uygulama görüntüsü -10 piksel sağdan sola.
|
