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 Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek

Uyurken Bile Para Kazanmak İster misin