Overflow ile Taşan Element , Yazı ve Divleri Düzeltme

<style>
.taşma{
width:170px;
height:70px;
background-color:#FFFFFF;
color:black;
margin-bottom:40px;
text-align:left;
overflow:visible;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
 }

 


 .taşma1{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:35px;
text-align:left;
overflow:scroll;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
 }
 

 
  .taşma2{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:30px;
text-align:left;
overflow:hidden;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
 }

 


   .taşma3{
width:170px;
height:80px;
background-color:#FFFFFF;
color:black;
margin-bottom:10px;
text-align:left;
overflow:auto;
position:relative;
float:left;
margin-left:45px;
margin-top:20px;
background:#CCC;
 }

 


    </style>

<div  class="taşma"> Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "visible" özelliği ile dive sığmayan yazı taşar.Yazının bu kısmı taşdı.</div>
<div  class="taşma1"> Bu Örnek bir metindir.Bu yazı uzun olup div içine sığmadığı için taşacak.Css "scroll" özelliği ile kutudan taşan yazı için kaydırma çubuğu çıkacak.</div>
<div  class="taşma2"> Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "hidden" özelliği ile taşan yazı gizlenecek.Burdan sonrası ... </div>
<div  class="taşma3"> Bu Örnek bir metindir.Bu yazı kutudan uzun olursa taşacak ve kaydırma çubuğu çakacak.Css "auto" özelliği ile taşan yönde kaydırma çubuğu çıkar. </div>

Programın Çıktısı

Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "visible" özelliği ile dive sığmayan yazı taşar.Yazının bu kısmı taşdı.
Bu Örnek bir metindir.Bu yazı uzun olup div içine sığmadığı için taşacak.Css "scroll" özelliği ile kutudan taşan yazı için kaydırma çubuğu çıkacak.
Bu Örnek bir metindir.Bu yazı uzun olduğu için taşacak.Css "hidden" özelliği ile taşan yazı gizlenecek.Burdan sonrası ...
Bu Örnek bir metindir.Bu yazı kutudan uzun olursa taşacak ve kaydırma çubuğu çakacak.Css "auto" özelliği ile taşan yönde kaydırma çubuğu çıkar.

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
11
Günlük :
143
Haftalık :
402
Aylık :
1190
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."