css3

Bir Element Üç Background

Merhaba arkadaşlar,

Bugünkü yazımda bir CSS elementine birden fazla nasıl background ekleyebileceğinizden bahsedeceğim. Bu özellik CSS3 ile birlikte kullanılabiliyor. Å?öyle bir örnek ile buna neden ihtiyaç duyabileceğimizi anlatalım.

Bir kutunuz var ve köşelerinin sizin koyduğunuz resimlerden oluşmasını istiyorsanız. Bunun için iki CSS elementi belirliyordunuz ve ayrı ayrı işleme sokuyordunuz. Bu özellik sizi bu ayrımcılıktan kurtarıyor. Lafı fazla uzatmadan nasıl yapıldığını inceleyelim:

/* CSS dosyamız */
.elementAdi{
     background-image: url("sol_ust.gif"), url("sag_ust.gif"), url("resim3.gif");
     background-position: top left, top right, bottom center;
     background-color: #FFFFFF, #FFFFFF, #DDDDDD;

}

Yani her eklediğiniz değeri virgül ile ayırarak yazıyorsunuz. Ama sıralama önemlidir. Yani sol_ust.gif için top left geçerli olacaktır.

Kolay gelsin

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

Bir Element Üç Background” için bir yorum

  • Fatih DAMAT

    (18 Temmuz 2012 - 13:15)

    güzel bir yolmuş ilk defa burda gördüm ve denedim gerçekten işe yarıyor

Yorum yazma sırası sizde!