Geniþlik ve Yüksekliðin Sýnýrlarýný Belirlemek(min-width, min-height,max-width, max-h
Bir kapsayýcý kutunun geniþlik deðerini minimum ve maksimum deðerleri ile sýnarlandýrabilriz. Bu özellikler CSS2 ile birlikte gelmiþtir.
min-width, min-height Yapýsý : min-width, min-height: <deger> Aldýðý Deðerler : <uzunluk deðeri > | <yüzde> | inherit Baþlnagýç deðeri: 0 Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere Kalýtsallýk: Yok min-width, min-height kapsayýcý kutunun minimum alacaðý deðerleri belirtmek için kullanýrýz. p.menu { float:left; width:200px; min-width:150px; } Web Tarayýcý Uyumu: Internet Explorer 7+ Netscape 6+ Opera 6+ W3C’s CSS Level 2+ CSS Profile 2.0 Ayný þekilde max-width ve max-height tanýmlamalarýda yapýlýr. max-width, max-height Yapýsý : max-width, max-height: <deger> Aldýðý Deðerler : <uzunluk deðeri > | <yüzde> | none | inherit Baþlnagýç deðeri: 0 Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere Kalýtsallýk: Yok max-width, max-height kapsayýcý kutunun maksimum alacaðý deðerleri belirtmek için kullanýrýz. p.menu { float:left; width:200px; max-width:400px; } Web Tarayýcý Uyumu: Internet Explorer 7+ Netscape 6+ Opera 5+ W3C’s CSS Level 2+ CSS Profile 2.0 þžöyle bir sonumuz vardýr ki oda IE’nin 7 versiyonundan sonra bu özellikleri desteklemeye baþlamasdýr. Bu çok kullanýþlý özellikleri bu nedenden dolayý kullanmamazlýk yapmayacaðýz tabi. IE için bir çözüm vardýr. expression() özelliði bu özellik sadece IE tarafýndan yorumlanýr. Bu özellik dinamik özellik olarak tanýmlanýr. Yani bu kod normalde bir javascript kodudur. #icerik { min-width: 600px; max-width: 1200px; width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”); } <body> <div id="icerik"> … </div> </body> Yukarýdaki tanýmlamda css içerisinde javascript komutlarý kullanýlmýþtýr. Bu tanýmlamalarý sadece IE anlayacaktýr ve uygulayacaktýr. Kodda eðer geniþlik belirtilen maksimum deðerden büyükse atanan deðeri alacak deðilse auto deðeri alacaktýr. |
paylaşım için sağol
|
paylaşım için tşkler
|
tşkler...
|
Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 21:10 . |
Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.