Metin girintisi - CSS Hileleri

text-indentÇok yatay boşluk metin bir öğenin metin içeriğinin ilk satırın başlangıcından önce taşınmış nasıl olması gerektiği mülkiyet belirtir. Aralık, blok düzeyindeki kap öğesinin başlangıç ​​kenarından hesaplanır.

Başlangıç ​​kenarı genellikle soldadır, ancak sağdan sola modundaysa sağ olabilir, yön özelliği de olabilir.

text-indentBu zamanda sıralı blok alt öğelerini etkileyecek aracı bir blok elemanı, belirtilen zaman özelliği kalıtsaldır. Satır içi blok çocuklarla uğraşırken, onları buna zorlamak isteyebilirsiniz text-indent: 0;.

Sözdizimi

text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )

Yaygın bir kullanım örneği basitçe stilistik olacaktır. Paragrafların ilk satırını girintilemek biraz eski moda ve bu hissi uyandırabilir. Alternatif bir görsel gösterge olarak paragraflardan sonra boşluk yerine kullanılabilir, ancak aralıklar muhtemelen genel olarak daha okunabilir.

Diğer bir yaygın kullanım durumu, metnin metin girintisi ve gizli taşma yoluyla öğeden atıldığı "görüntü değiştirme" durumudur.

asılı

hangingBir olan deneysel ve resmi olmayan bir değer için text-indentözelliği. Hangi satırların girintili olduğunu tersine çevirir. Temel olarak, birincisi hariç her satırı girintiler ve bir tür asılı noktalama işaretiyle sonuçlanır.

Bu değer, uzunluk gibi ortak bir değerle birlikte giden bir bayraktır.

Her çizgi

each-lineBir olan deneysel ve resmi olmayan bir değer için text-indentözelliği. Buradaki fikir, zorunlu satır sonundan sonra (a ile
) her satırı girintilemek .

Bu değer, uzunluk gibi ortak bir değerle birlikte giden bir bayraktır.

Demo

CodePen'de Chris Coyier (@chriscoyier) tarafından hazırlanan Kalem metin girintisine bakın.

Tarayıcı Desteği

Temel destek

Krom	Safari	Firefox	Opera	IE	Android	iOS
hiç	hiç	hiç	3.5+	3+	hiç	hiç

asılı değer

Krom	Safari	Firefox	Opera	IE	Android	iOS
Yok	Yok	Yok	Yok	Yok	Yok	Yok

her satır değeri

Krom	Safari	Firefox	Opera	IE	Android	iOS
Yok	Yok	Yok	Yok	Yok	Yok	Yok