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

Css height:100% problemi

Yeni bir tasarımda height:100% problemiyle karşılaştım. Biraz araştırmadan sonra sorunumu çözdüm ve bunu da sizlerle paylaşayım.

Sayfada height:100% tanımlaması yapılmasına rağmen hala işlem yapılan div 100% yüksekliğini almıyorsa css dosyasında gerekli yerlere şu eklemeleri yapması gerek.

html { height:100%; }

body { height:100%; }

bundan sonra 100% yüksekliği verilmek istenen yere height:100% değerini verdikleri zaman belirlenen alanın 100% yüksekliği aldığını göreceklerdir ve bu yöntemi bütün tarayıcılar desteklemektedir.