CSS ARKA PLAN ÖZELLİKLERİ
CSS arkaplan özelliği div’lerin veya elementlerin arkaplanlarına renk, desen, resim gibi görseller atamak için kullanılır. Bir çok tasarımda arkaplanın önemli bir yer tuttuğu görülmektedir. Bu yazıda arkaplan rengi nasıl eklenir, konumlandırması nasıl yapırlır ve buna benzer background özelliklerini göreceğiz. Başarılar.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | .arakaplanozellikleri{ background-image: none; background-image:url(''); background-attachment:scroll;/*Arkaplan hareketli*/ background-attachment:fixed;/*Arkaplan sabit*/ background-color:red; /*Arka planarenk verir.*/ background-color:rgba(0,51,102,1)/*rgba(20%,50%,100%,1)*/;/*Arka plan renk belirleme*/ background-position: top center, -50% -100%,200px 100px;/*Üst ortaya hizalar örn. çoğaltılabilir.*/ background-repeat:;/*Arka plan terar edip etmeyeceğini belirler*/ background-repeat: repeat;/*Arka plan tekrar eder*/ background-repeat: repeat-x;/*Arka plan x düzleminde tekrar eder.*/ background-repeat: repeat-y;/*Arka plan y düzleminde tekrar eder.*/ background-repeat: no-repeat;/*Arka plan tekrar etmez.*/ background:#09F url(picoffeeresim1.jpg) no-repeat fixed right top;/*Örnek bir kullanım*/ background-clip:;/*Kutu modellerin arkaplanların nasıl gösterileceğni tanımlar. Üç değer alır*/ background-clip: border-box;/*Arka plan kenarları da kapsar*/ background-clip: padding-box;/*Sadece iç bolukları kapsar, kenarları kapsamaz*/ background-clip: content-box;/*Arka plan sadece içeriği kapsar, iç boşluklarda (padding) ile kenarlarda gösterilmez*/ background: url(1.jpg), url(y.jpg); background-position:top left, top right; background-size:;/*Arka plan resimlerinin istenilen boyuta göre ayarlanmasını ve yerleştirilmesini sağlar*/ background-size:cover;/*Resmi arka plan boyutuna göre oranlar ve tamamen kaplayacak şekilde yerleştirir.*/ background-size:contain;/*Resmi en boyuna göre arka plana tam olarak yerleştirir.*/ background-size:100% 100%;/*Resmi arka plan olarak ayarlarken sayı ya da yüzde değeri olarak kullanılabilir.*/ |
CLİP ÖZELLİĞİ Grafilerde istenilen bölgenin gösterimesini sağlar. Absolute özelliği ile sabitlenmiş görseller üzerinde uygulanır. […]
Devamı...