CSS3 text-overflow

text-overflow :

Taşan metnin gizlendiğini kullanıcıya belirtmek için kullanılır.

Örnek

p {
  white-space: nowrap; 
  width: 500px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border : 1px solid red;
  padding: 40px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
clip Metnin taşan kısmını keser.
ellipsis Metnin taşan kısmından itibaren üç nokta koyar.
string
İnital
İnherit

Tarayıcı Desteği

4.0 7.0 6.0 3.1 11.0
9.0-o