HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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
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