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élyszín oldalanként



A szegély színe egy HTML elem mind a négy oldalán eltérő lehet.

A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.

Felső szegély színének megadása:

kijelölő
{
border-top-color
:
érték/kulcsszó;
}


Jobboldali szegély színének megadása:

kijelölő
{
border-right-color
:
érték/kulcsszó;
}


Alsó szegély színének megadása:

kijelölő
{
border-bottom-color
:
érték/kulcsszó;
}


Baloldali szegély színének megadása:

kijelölő
{
border-left-color
:
érték/kulcsszó;
}



Példa:

Forráskód



<style>
   div  {
     border-top-color: maroon;
     border-right-color: green;
     border-bottom-color: navy;
     border-left-color: red;         
   }  
</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_szin_oldalankent.html