CSS text-indent Özelliği
CSS1
text-indent
özelliği, metindeki ilk satırın girinti miktarını belirtir. Girinti miktarı, metni içeren blok elemanının sol kenarına göre belirlenir. Negatif değerlere izin verilir. Değer negatifse, ilk satır sola doğru girintili olacaktır.
Yapısı (Syntax)text-indent: uzunluk | <%> | initial | inherit;
Varsayılan Değer | 0 |
JavaScript Yapısı |
object.style.textIndent="Değer"
|
Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
Değer | Açıklama | Versiyon |
---|---|---|
uzunluk | Sabit bir girintiyi px, pt, cm, em, vb. olarak tanımlar. Varsayılan değer 0'dır. | CSS1 |
% | Girinti, ana öğenin genişliğinin %'si olarak tanımlanır. | CSS1 |
initial | Varsayılan değerine geri döndürür. | CSS1 |
inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
p elementi içerisindeki yazımızın sol kenarından 40px değerinde içeri girintili olmasını istersek;
p { text-indent: 40px; }
p elementi içerisindeki yazımızın sol kenarından -70px değerinde dışarı (sola doğru) girintili olmasını istersek;
p { text-indent: -70px; }
p elementi içerisindeki yazımızın sol kenarından 30% değerinde içeri girintili olmasını istersek;
p { text-indent: 30%; }