TR Kodlama

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

Yazar Hakkında Oral ÜNAL

PHP ile küçük bir çocukken tanıştı ve hala tanışmaya devam ediyor. Osmangazi Üniversitesi öğrencisi. Bisiklet tutkunu.

• 
• 
• 
• 
• 
•