CSS textoverflow özelliğini kullanarak, üzerinde çalıştığımız yazıyı sınırlandırıp üç nokta ile bitireceğiz.

CSS Kullanımı:

#sinirla {
white-space: nowrap;
width: 21em;
overflow: hidden;
text-overflow: ellipsis;
}

HTML Kullanımı: P Etiketi Kullanıcaz

<p id="sinirla"> Merhabalar nasılsı... </p>

 

İşaretli alanı sınırlandırmak için  width: 21em; ve overflow: hidden;  css kodlarını kullanıyoruz, en sonuna üç nokta koymak için ise text-overflow: ellipsis; komutunu kullanıyoruz, alt satıra geçmemesi için white-space: nowrap; ‘ı da ekliyoruz.

Menu