A háttér beállítása gyorsírással

A háttér beállításait gyorsírással is megadhatjuk, a következő sorrendben: background: background-image background-position / background-size background-repeat background-attachment background-clip background-origin background-color;

Az értékeket vesszővel elválasztva soroljuk fel.

A háttér összevont beállítása:

kijelölő

{

background

kulcsszó/érték

kulcsszó/érték;

}

Példa:

Forráskód

<style> 
  body {background-color:#eeffee;} 
  div {width:120px; height:100px; 
     padding:10px;margin:2px; 
     border:6px dashed #660000;} 
  #div1 {background: url('labda_k100.png') center no-repeat #00ff00; } 
  #div2 {background: url('labda_k100.png') left top/50% no-repeat #00ff00;} 
  #div3 {background: url('labda_k100.png') left top/20% repeat content-box #00ff00;} 
</style> 
... 
<body>   
  <div id="div1"><p>div1</p></div> 
  <div id="div2"><p>div2</p></div> 
  <div id="div3"><p>div3</p></div> 
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: hatter_gyorsir_01.html