<style>
        body{
            background-color: thistle;
            background-image: url("https://bit.ly/2xAgIkx");
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: right top;
        }
</style>

    <h1>CSS’te Arka Plan Özelliği</h1>
    <p>Arka plan, bir web sayfasının görsel sunumunda önemli bir rol oynar.</p>
    <p>CSS, bir elemanın arka planını biçimlendirmek için arka planı renklendirme, görüntüleri arka plana yerleştirme ve onların konumlandırmalarını yönetme gibi çeşitli özellikler sağlar.</p>
    <p>CSS’in sahip olduğu arka plan özellikleri şunlardır:</p>
    <li>background-color,</li>
    <li>background-image,</li>
    <li>background-repeat,</li>
    <li>background-position,</li>
    <li>background-attachment</li>
    <h2>Arka Plan için Stenografi Özelliği</h2>
    <p>Kodu kısaltmak adına, tüm arka plan özelliklerini bir özelliğin içinde belirtmek te mümkündür.</p>
    <p>Arka plan için stenografi özelliğini kullandığımızda özellik değerlerinin sıralaması şu şekilde olmalıdır:</p>
    <li>background-color</li>
    <li>background-image</li>
    <li>background-repeat</li>
    <li>background-attachment</li>
    <li>background-position</li>
    <p>Diğerleri bu sırada olduğu sürece özellik değerlerinden birinin eksik olup olmaması önemli değildir.</p>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.