Källkoden för /anders.enges/css/css5b.asp

---

<!--#include file="../inc/navstuff.asp" -->
<table border=1>
<tr bgcolor="DCDCDC" valign="top">
      <td>Inställning</td>
      <td>Alternativ</td>
      <td>Exempel</td>
</tr>
<tr valign="top">
      <td>color</td>
      <td>
      Förgrundsfärg (textfärg)<br>
      En färgkod eller färgnamn
      </td>
      <td>
      { color: red }
      </td>
</tr>
<tr valign="top">
      <td>background</td>
      <td>
      Se förklaringarna för:<br>
      background-color<br>
      background-image<br>
      background-repeat<br>
      background-attachment<br>
      background-position
      </td>
      <td>
      {background:beige url(sphere.jpg) no-repeat top center}
      </td>
</tr>
<tr valign="top">
      <td>background-color</td>
      <td>
      Ett namn på en färg<br>
      eller en färgkod<br>
      (<a href="../html/html10.asp">Se färger i HTML</a>)
      </td>
      <td>
      { background-color:beige }<br>
      { background-color:#FF00FF }
      </td>
</tr>
<tr valign="top">
      <td>background-image</td>
      <td>
      url(<i>bildfilens namn</i>)<br>
      <br>
      Observera att man inte<br>
      bara skriver bildens namn<br>
      utan måste använda url funktionen
      </td>
      <td>
      { background-image:url(boll.jpg) }<br>
      {background-color:#FF00FF}
      </td>
</tr>
<tr valign="top">
      <td>background-repeat</td>
      <td>
      repeat<br>
        (fyller ut bakgrunden med bilden)<br>
     no-repeat<br>
        (fyller inte ut bakgrunden med bilden)<br>
      repeat-x<br>
        (bilden upprepas horisontellt)<br>
      repeat-y<br>
        (bilden upprepas verticalt)<br>
      </td>
      <td>
      { background-repeat: repaat-x }<br>
      </td>
</tr>
<tr valign="top">
      <td>background-attachment</td>
      <td>
      scroll<br>
        (bilden bläddrar med texten)<br>
     fixed<br>
        (bilden bläddrar inte med texten)<br>
      </td>
      <td>
      { background-attachment: fixed }<br>
      Endast för BODY och HTML
      </td>
</tr>
<tr valign="top">
      <td>background-position</td>
      <td>
      Man kan antingen ange en måttenhet<br>
      t.ex 12pt för att positionera bilden<br>
      Om man anger två tal antas dessa vara<br>
      TOP respektive VÄNSTER koordinater<br>
      <br>
      Man kan även ange
      vertikal justering med:<br>
        top<br>
        center<br>
        bottom<br>
      <br>
      Horisontell justering anges med<br>
        left<br>
        center<br>
        right
      </td>
      <td>
      { background-position: top center }<br>
      { background-position: 12pt 10pt }<br>
     
      </td>
</tr>
<tr valign="top">
<td colspan="3">
Man kan använda <b>background</b> attributet direkt. Istället för att skriva:<br>

P<br>
  {<br>
    background-color: beige;<br>
    background-image: url(sphere.jpg);<br>
    background-attachment: no-repeat;<br>
    background-position: top center;<br>
  }<br>
<p>
Kan man skriva<br>

P<br>
  {<br>
    background:beige url(sphere.jpg) no-repeat top center;<br>
  }<br>

</td>
</tr>
<tr>
</table>





<!--#include file="../inc/footer.asp" -->