CSS3 text-overflow Örnek

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css text-overflow özelliği ve örnek uygulama</title> <style> .kutu1 { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: clip; border: 1px solid blue; } .kutu2 { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: ellipsis; border: 1px solid blue; } </style> </head> <body> <p>İçerikler html elemanının boyutunu taştığı zaman (...) şeklinde gösterebiliriz. Örnekleri inceleyiniz..</p> <h3>text-overflow:clip uygulandığında</h3> <div class="kutu1">html ve css dersleri örnek uygulamalar dersler..</div> <h3>text-overflow:clip uygulandığında</h3> <div class="kutu2">html ve css dersleri örnek uygulamalar dersler..</div> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

HTML Element Referansları

Linklerin Renklerini Değiştirme Örnek

Html dersleri

HTML yorum etiketi ile öğe gizleme örneği

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

HTML main Etiketi

html nedir

Javascript kodları nereye yazılır