Öneri ve Hata Raporu



Günün Sözü İnsan kafasında ne kurarsa, onu yaşar.

kategori CSS
oylama 3.2/5 yorum 0 yorum yazar Hakan Taşan tarih 13 Ekim 2013

CSS kullanarak paragraf girintisi oluşturmak için text-indent özelliğini kullanacağız. Normal şartlarda HTML'nin p etiketini kullanarak oluşturduğumuz paragraflarda bütün satırların başı aynı hizadan başlar. Fakat biz ilk satırın başında biraz boşluk olmasını istiyorsak text-indent tam da aradığımız özelliktir. Bu özellik paragrafın sadece ilk satırını etkiler.

Nasıl Kullanılır?

CSS Kodu:

p{ text-indent:50px; }

 

HTML Kodu:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

 

Bu şekilde p etiketli bütün paragrafların ilk satırının başında 50 piksellik sağa doğru girinti olacaktır.

text-indent kullanılarak ve kullanılmadan oluşturulan paragraf örneği için önizlemeye bakabilirsiniz.

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış