Toplam 1 adet sonuctan sayfa basi 1 ile 1 arasi kadar sonuc gösteriliyor
  1. #1
    alemextra - ait Kullanıcı Resmi (Avatar)
    : alemextra isimli Üye şimdilik offline konumundadır
    Üyelik tarihi : 02.Ekim.2003
    Yaş: 40
    Mesajlar : 12
    Tecrübe Puanı : 10
    Array

    CSS3 background-size özelliği boyuta göre Küçülüp Büyüyen

    ...

    http://www.combeki.com/forum - CSS3 background-size özelliği boyuta göre Küçülüp Büyüyen CSS3 background-size özelliği boyuta göre Küçülüp Büyüyen


    background-size özelliği background-image ile tanımlanan resmin boyutlarını tanımlamamıza yarar.
    PHP- Kodu:
    Yapısı background-size: [<bg-size>[, <bg-size> ]
    Aldığı Değerler : [ <yuzde_deger> | <uzunluk> | auto ] | contain cover
    Başlangıç değeri
    auto
    Uygulanabilen elementler
    tüm elementler
    Kalıtsallık
    Yok 
    İki değer tanımlandığında ilk değer genişlik için ikinci değer yükseklik için uygulanır tek değer atanmış ise hem genişlik hemde yükseklik için bu değer geçerlidir demektir.Uzunluk olarak standart değerleri alabilir. Yüzde değerler tanımlandığında kapsayıcı elemana göre konumlanır ardalan resmine göre değil. Örneğin genişlik ve yükseklik tanımı olarak 100% tanımlandığında ardalan resmi kapsayıcı elemanın zeminini dolduracak şekilde yayılır. Resmi gerçek boyutlarında kullanmak için auto değeri atanır.Standart değerlerden başka iki farklı değer daha alır: cover ve container değerleri. Her ikiside tarayıcı boyutuna göre orantılı olarak ardalan resmini boyutlandırır.cover: Resmin genişlik veya yükseklik değerinden en küçük olanına göre kapsayıcı elemanın ardalanını tamamen kaplar. Ardalan resmi tüm kapsayıcı elemanın zeminini kaplayacak şekilde ayarlanır ve resmin kalan kısmı kesik görünür.contain: Ardalan resminin genişlik veya yüksekliğinden en büyük olanına göre ardalan alanın içine uydurur. Resmi herhangi bir yerini kesmeden tamamını gösterir ancak bazı bölgeler ardalan resmi olmadan görünür.



    Yukarıdaki grafikte görüldüğü gibi gerçek resmin genişliği büyük yüksekliği küçüktür. contain tanımlandığında genişlik ve yükseklikten büyük olanı yani burada genişliğin uzunluğu kapsayıcı genişliğine sığıncaya kadar orantılı şekilde küçültülerek atanmış. Kapsayıcı elemanın üst ve at kısmı boş kaldı. cover tanımlandığında genişlik ve yükseklikten küçük olanı yani burada yüksekliğin uzunluğu kapsayıcı genişliğine sığıncaya kadar orantılı şekilde büyütülerek atanmış. Ardalan resminin sağ ve soldan taşan kısımları kesik görünecektir.gif jpeg ve png gibi resim formatları yeniden boyutlandırıldığında pek hoş görüntüler ortaya çıkmıyor. Vektörel resimler(svg) desteği ile daha güzel görüntüler elde edeceğiz. Negatif değerlere izin vermemektedir. background-size:0 değeri resmin görünmemesini sağlar.CSS3 diğer özelliklerinde olduğu gibi background-size özelliğini destekleyen farklı tarayıcılar kendi öneklerini kullanmaktadır.

    PHP- Kodu:

    .deneme {
        
    background-imageurl(bg-image.png);
        -
    moz-background-size100100%;           /* Firefox 3.6 */
        
    -o-background-size100100%;           /* Opera 9.5 */
        
    -webkit-background-size100100%;           /* Safari 3.0, Chrome */
        
    background-size100100%;           /* w3c, Firefox 4.0, ie9  */






    Konu Bilgileri

    Bu Konuya Gözatan Kullanıcılar

    Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)

    Sabit Etiketler

    Bu Konu için Etiketler

    Liens sociaux

    Yetkileriniz

    • Konu Acma Yetkiniz Yok
    • Cevap Yazma Yetkiniz Yok
    • Eklenti Yükleme Yetkiniz Yok
    • Mesajınızı Değiştirme Yetkiniz Yok
    •  

     

     

     

  2. Boş | Boş | Boş | Boş | Non Stop Konya |
  3.  

     

     

     

     

     

     

     

     

     

     

     

     

     

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37