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

Linklerin Renklerini Değiştirme Örnek

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

YouTube Reklam Engelleyici

Html belgesi yapısını anlama uygulaması

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript