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.
CSS Kodu:
Ana Sayfa
p{ text-indent:50px; }
<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.
css
css paragraf girintisi
css paragraf başı girintisi
css paragraf başı boşluğu
css paragraf boşluğu
Paylaş
Oyla