Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

CSS ile Paragraf Girintisi Nasıl Yapılır?


FacebookTwitterPinterestTumblrYazdır


Bildiğiniz gibi HTML sayfasına yazılan yazılar aynı hizada olur. Ancak daha farklı bir görünüm elde edebilmek adına, paragraf girintisi yapmayı düşünebilirsiniz. Yani CSS kullanılarak paragraf başlangıcında bir miktar boşluk bırakabilmek mümkün olup, böylelikle paragrafların daha sağlıklı bir görünüme kavuşmasını sağlayabilmektesiniz. Bu bağlamda, "text-indent" kodunu kullanarak bu isteğimizi kolaylıkla gerçekleştirebiliyoruz. Dilerseniz, hemen bir örnek yapalım.

AYRICA: CSS ile Kutulara Gölge Verme Nasıl Yapılır?

CSS Kullanarak Paragraf Boşluğu Yapımı

Öncelikle, temanızın CSS dosyasına aşağıdaki gibi bir kod ekleyin.

p {
text-indent:25px;
}

Ardından ise, HTML sayfasına aşağıdaki gibi bir kod ekleyebilirsiniz.

<p>Dilediğiniz içeriği buraya ekleyebilirsiniz.</p>

Bilgi: Özelliği web sitenizdeki farklı alanlarda kullanmak için, ilgili kodu dilediğiniz CSS kodunun içerisine eklemeniz yeterli olacaktır. Farklı bir işlem yapılmasına ise gerek bulunmamaktadır.

Not: Boşluk uygulanmış olan bir paragraf örneği ise aşağıda yer almaktadır.


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık