CSS [ 03 – Arkaplan ]

CSS Arkaplan (Background style)

CSS arka plan özelliklerini bir elemanın arka plan etkileri tanımlamak için kullanılır.

Arka plan efektleri için kullanılan CSS özellikleri:

  • background-color
  • background-image
  • background-repeat
  • background-eki
  • background-position

Arkaplan Rengi

Background-color özelliği bir elemanın arka plan rengini belirtir.

Bir sayfanın arka plan rengi vücutta seçici tanımlanmıştır:

CSS ile, bir renk su sekillerde belirtilir:

  • Bir HEX değeri – “# ff0000” gibi
  • bir RGB değeri – “rgb (255,0,0)” gibi
  • bir renk adı – “kırmızı” gibi

Aşağıdaki örnekte, h1, p, ve div elemanlarınin farklı arka plan renkleri vardir:

Arkaplan Resmi

Background-image özelliği bir elemanın arka plan olarak kullanilmasi için bir resim belirtir.

Bu tüm elemanı kapsayan çok Varsayılan olarak, görüntü tekrarlanır.

Bir sayfa için arka plan görüntüsü şöyle ayarlanabilir:

Arka Plan Resim – Yatay veya Dikey tekrarlamak

Varsayılan olarak, background-image özelliği yatay ve dikey bir görüntü tekrarlanir.

Bazı görüntüler sadece yatay veya dikey olarak tekrar edilmelidir,

Görüntü sadece yatay olarak (tekrar-x) tekrarlanırsa, arka plan daha iyi görünecektir:     *(dikey -y)

Arka Plan Resim – Set konumu ve no-repeat

Sadece bir kez görüntü gösteren background-repeat özelliği ile:

no-repeat(tekrarlama)

Görüntünün konumunu background-position özelliği tarafından belirtilene gore degismektedir:

Kodu kısaltmak için, tek bir özelliğinde tüm özellikleri belirtmek de mümkündür. Buna kestirme özellik denir.

Arka plan için kestirme özelliği sadece “background” dir:

Kestirme özelliğini kullanırken özellik değerleri sırası:

  • background-color
  • background-image
  • background-repeat
  • background-eki
  • background-position

Tüm CSS Zemin Özellikleri

Property Description
background Bir bildiriminde tüm arka plan özelliklerini belirler
background-attachment Bir arka plan görüntüsü sayfanın geri kalanı ile sabit veya kayar olup olmadığını ayarlar
background-color Bir elemanın arka plan rengini ayarlar
background-image Bir öğe için arka plan görüntüsü belirler
background-position Bir arka plan görüntüsü başlangıç ​​konumunu belirler
background-repeat Arkaplan resminin tekrarlanip tekrarlanmiyacagini belirler

Referans; http://www.w3schools.com/css/css_background.asp

Leave a Reply

Your email address will not be published. Required fields are marked *