CSS Background Özellikleri

Background Özellikleri

Background ile html sayfamızın arkafonlarının özelliklerini değiştirmemizisağlar.

<html>

<head>

<title>Css</title>

<styletype="text/css">

p {

background-color :#00ff00;

background-image : url ("resim_adi.gif");

background-position : center;

background-repeat : repeat-y;

}

</style>

</head>

<body>

<p>Bil Eğitim - CSS Eğitimi</p>

</body>

</html>

 

background-color      :

Arka fonun rengini belirler. Css’te renkleri blue, red gibi tanımlayabileceğimizgibi Rengin HEX kodunun kullanarak da tanımlayabiliriz

background-image    :

Arka fonu bir resim dosyası yapmak için kullanılır. url etiketinin içine resimdosyasının yolu ve ismi tam olarak yazılmalıdır.

 

background-position :

left          : Arka fondaki resmin sadece sol tarafta olmasını sağlar.

center    : Arka fondaki resmin sadece orta tarafta olmasını sağlar.

right       : Arka fondaki resmin sadece sağ tarafta olmasını sağlar.

 

background-repeat :

Arkafondaki resmin tekrarlanması istendiğinde kullanılır.

repeat             : Tüm yönlerde tekrar edilmesini sağlar.

repeat-x         : X (yatay) yönünde tekrar edilmesini sağlar.

repeat-y          : Y (dikey) yönünde tekrar edilmesini sağlar.

no-repeat       : Resmin tekrar edilmeyerek bir kere gösterilmesini sağlar.

Yukarı