CSS arka plan kısa özelliği

CSS background - kısa özellik

Kodunuzu kısaltmak için, tüm arka plan özelliklerini bir özellikte belirtebilirsiniz. Bu, kısa özellik adı verilir.

şeklinde yazmak yerine

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

Kısa özellikleri kullanarak background:

Örnek

Arka plan özelliklerini bir cümlede ayarlayan kısa özelliği kullanarak arka planı ayarlayın:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

Kişisel olarak deneyin

Kısa özellik kullanırken, değerlerin sırası şu şekildedir:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

Bir değer eksikse önemli değil, sadece diğer değerleri bu sırayla ayarlayabilirsiniz. Lütfen, yukarıdaki örnekte background-attachment özelliğini kullanmadığımızı, çünkü değeri olmadığı için dikkate alın.

Bütün CSS arka plan özellikleri

Özellik Açıklama
background Bütün arka plan özelliklerini bir cümlede ayarlayan kısa özellik. background
background-attachment Arka plan resminin sabit olup olmadığını veya sayfanın diğer bölümleriyle birlikte kayıp kaymayacağını ayarlar.
background-clip Arka planın çizim alanını belirler.
background-color Elementin arka plan rengini ayarlar.
background-image Elementin arka plan resmini ayarlar.
background-origin Arka plan resminin konumunu belirler.
background-position Arka plan görselinin başlangıç konumunu ayarlar.
background-repeat Arka plan görselinin tekrar edilip edilmeyeceğini ve nasıl tekrar edileceğini ayarlar.
background-size Arka plan görselinin boyutunu belirler.