A szegély jellemzői oldalak szerint

Minden oldalra összevontan is megadhatók a szegélyek jellemzői.

A felső szegély jellemzőinek megadása:

kijelölő

{

border-top

érték/kulcsszó

érték/kulcsszó;

}

A jobboldali szegély jellemzőinek megadása:

kijelölő

{

border-right

érték/kulcsszó

érték/kulcsszó;

}

Az alsó szegély jellemzőinek megadása:

kijelölő

{

border-bottom

érték/kulcsszó

érték/kulcsszó;

}

A baloldali szegély jellemzőinek megadása:

kijelölő

{

border-left

érték/kulcsszó

érték/kulcsszó;

}

Példa:

Forráskód


<style>
  div  {  
     border-top:5px solid blue;
     border-right: thick double #ff0000;
     border-bottom: 10px dotted rgb(128,255,0);
     border-left: medium dashed rgb(20%,20%,50%);
  }  
</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_jellemzoi_oldalankent.html