Kayıtlar

white-space etiketine sahip yayınlar gösteriliyor

CSS white-space uygulama

CSS white-space div {     white-space:<span id='rfrnscsscde'>normal</span>;<br>} CSS white-space değerleri normal nowrap pre pre-line pre-wrap initial Sonuç Ekranı Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir. Lorem Ipsum kullanmanın amacı, sürekli 'buraya metin gelecek, buraya metin gelecek' yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS white-space Örnek

javascript css white-space özelliği örnek uygulama css white-space özelliği ile kutudan taşan yazılarımızın ,nasıl görüntüleneceğini kontrol eder. Javascript ile white-space özelliğine "nowrap" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.whiteSpace = "nowrap"; } Çalıştır JavaScript css white-space © htmlvecssegitimi.blogspot.com

CSS white-space Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css white-space özelliği ve örnek uygulama</title> <style> #p1 { white-space: nowrap; border:1 px solid black; background-color:pink; padding:25px; } #p2 { white-space: wrap; border:1 px solid black; background-color:yellow; padding:25px; } b{ color:red; } </style></head> <body> <b>Açıklama:</b>Aşağıdaki örnekte paragrafa <b> white-space: nowrap;</b>