Text-indent nedir?

Paragraflarınıza paragraf boşluğu eklemek için kullanabileceğiniz bir özellik. Diyelim elinizde bir paragraf var ve siz buna paragraf boşluğu eklemek istiyorsunuz. Normalde bu görevi html tagı olarak blockquote yapıyor fakat elimizdeki paragraf uzadığında bu tag yeterli olmuyor. Aşağıdaki gibi bir kodda paragraf normal şekilde görünür.

<p>

Merhaba bu bir deneme yazısıdır. bu yazı http://www.siyanuraltes.com adresine aittir.
Paragraf boşluk konusu hakkında bilgi içermektedir.
Text-indent özelliğine değinilmektedir. Text-indent yazılara paragraf
boşluğu eklemek için
kullanılır.
</p>

Bu paragrafın text-indent özelliği atanmamış hali şu şekilde olur:

Merhaba bu bir deneme yazısıdır. bu yazı http://www.siyanuraltes.com adresine aittir. Paragraf boşluk konusu hakkında bilgi içermektedir. Text-indent özelliğine değinilmektedir. Text-indent yazılara paragraf boşluğu eklemek için kullanılır.

Şimdi bu paragrafa css kodları ile text-indent özelliği atarsak çıktısı şu şekilde olur:

Merhaba bu bir deneme yazısıdır. bu yazı http://www.siyanuraltes.com adresine aittir. Paragraf boşluk konusu hakkında bilgi içermektedir. Text-indent özelliğine değinilmektedir. Text-indent yazılara paragraf boşluğu eklemek için kullanılır.

Css kodları ise şu şekilde olur :

p{

  text-indent : 20px;
}
20 px olan yere istediğiniz uzunlukta değer girebilirsiniz. Bu şekilde paragraflarınıza istediğiniz iç boşluğu vermiş olursunuz.
Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s