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    

Szegélystílus megadása oldalanként



A szegély stílusa oldalanként eltérő lehet.

Ha csupán egy oldalon tér el a szegély stílusa a többitől, akkor a már megismert módon meghatározhatjuk valamennyi oldal stílusát. Majd az eltérő oldal beállítását egy külön stílusdeklarációval módosítjuk.

Felső szegély stílusának megadása:

kijelölő
{
border-top-style
:
kulcsszó;
}


Jobboldali szegély stílusának megadása:

kijelölő
{
border-right-style
:
kulcsszó;
}


Alsó szegély stílusának megadása:

kijelölő
{
border-bottom-style
:
kulcsszó;
}


Baloldali szegély stílusának megadása:

kijelölő
{
border-left-style
:
kulcsszó;
}



Példa:

Forráskód



<style>
   div  {
      border-top-style:double;
      border-right-style:solid;
      border-bottom-style:dotted;
      border-left-style:dashed;
   }
</style>     
...
<body>    
     <div>Példa DIV</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ő: css_szegely_stilus_oldalankent.html