myNotlar Logo

textIndent


Internet Explorer Firefox Opera

textIndent özelliği, element içeriğinde kullanılan metnin ilk satırlarının girintisini (paragraf başı) ayarlar.

DOM Sözdizimi

element.style.textIndent = "girinti"
element.style.textIndent = "yuzde"

CSS Sözdizimi

text-indent: girinti
text-indent: yuzde
girintiCSS Ölçü Birimleri ile belirtilen tam bir değer alarak girinti mesafesini belirler.
yuzdeYüzde değer alarak ana elementin genişliğine göre girinti mesafesi hesaplanır.

Aşağıdaki örnek, css text-indent özelliğini 1cm, 10px ve 50% değerleri ile kullanımını göstermektedir.

<style type="text/css">
div.cerceve {
    width: 300px;
    border:solid 1px red;
}
p.ornek1cm {
    text-indent: 1cm;    
}
p.ornek10px {
    text-indent: 10px;
}
p.ornek50yuzde {
    text-indent: 50%;
}
</style>

<div class="cerceve">
<p class="ornek1cm">| (1cm) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. 
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>

<div class="cerceve">
<p class="ornek10px">| (10px) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. 
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>

<div class="cerceve">
<p class="ornek50yuzde">| (50%) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. 
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
</div>
Canlı Sonuç

| (1cm) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

| (10px) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

| (50%) Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |