Etiket: background

CSS background

background :

Objenin arkaplan ayarlarının yapılmasını sağlar ve aşağıdaki özelliklerde kullanılır ve her birinin ayrı parametreleri vardır.

Örnek

p {
  background: blue;
  color: white;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
background-color Arka plan rengini belirlemek için kullanılır.
background-image Arka plana görüntü eklemek için kullanılır.
background-position Arka plandaki görüntünün konumunu belirlemek için kullanılır.
background-size Arka plandaki görüntünün boyutunu belirlemek için kullanılır.
background-repeat Arka plandaki görüntünün tekrar etmesi gerektiğini belirtmek için kullanılır.
background-origin Arka plandaki görüntünün konumlandırılacağı alanı belirtmek için kullanılır.
background-clip Arka plandaki görüntünün boyama alanını belirtmek için kullanılır.
background-attachment Arka plandaki görüntü sayfanın geri kalanında sabit veya hareketli olacağını belirtmek için kullanılır.
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 4.0 1.0 3.5
Posted on by Samed GÖZÜTOK 0

CSS background-position

background-position :

Arka plandaki görüntünün pozisyonunu belirlemek için kullanılır.

Örnek

.position {
  height: 17px;
  background-image: url('http://www.w3tr.com/file/html5.png');
  background-repeat: no-repeat;
  background-position: center;
}

Codepen Ön izleme

 

Css Sözdizimi

 

Değer Açıklama
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom 		Eğer tek bir değer verirseniz alacağı diğer değer otomatik olarak “center” olacaktır.
x% y% İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0% 0 % ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır . . Varsayılan değer : 0 % 0%
xpos ypos İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0px 0px ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır.
initial
inherit

Tarayıcı Desteği
2.0 1.0 4.0 1.0 3.5
Posted on by Samed GÖZÜTOK 1