CSS text-indent özelliği

Tanım

text-indent özelliği, metin bloğunda ilk satır metninin içe çekimini tanımlar.

Yorum:Negatif değerlerin kullanılmasına izin verilir. Negatif değerler kullanıldığında, ilk satır sol tarafa içe çekilir.

Dikkat:CSS 2.1 öncesinde, text-indent her zaman hesaplanmış değeri,而不是声明值。

Açıklama

Bloklu öğelerde ilk içerik satırının içe çekimini tanımlamak için kullanılır. Bu, en çok 'söz dizisi' etkisi oluşturmak için kullanılır. Negatif değerler belirtilebilir, bu da 'asılı içe çekme' etkisi oluşturur.

Ayrıca bkz:

CSS eğitimi:CSS metin

HTML DOM referans el kitabı:textIndent özelliği

Örnek

Paragrafın ilk satırını 50 piksel içe çekin:

p
  {
  text-indent:50px;
  }

Kişisel olarak deneyin

CSS dilbilgisi



Özellik değeri





Değer
Açıklama




length
Sabit bir içe çekme tanımlar. Öntanımlı değer: 0.




%
Ebeveyn öğesinin genişliğine dayalı yüzdelik bir içe çekme tanımlar.




inherit
text-indent özelliğinin değerini ebeveyn öğesinden miras alması gerektiğini belirtir.









Teknik ayrıntılar



  

    Öntanımlı değer:
    belirtilmemiş
  

  

    Mirasçılık:
    evet
  

  

    Sürüm:
    CSS1
  

  

    JavaScript dilbilgisi:
    object.style.textIndent="50px"
  








Daha fazla örnek




Metin içe çekme


Bu örnek, metin baş satırının nasıl içe çekileceğini gösterir.








Tarayıcı desteği


Tabloda bulunan rakamlar, bu özelliği tam destekleyen ilk tarayıcı sürümünü belirtmektedir.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5