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 belső margó megadása oldalanként 2



Egy HTML elem belső margójának szélessége mind négy oldalán különböző lehet. A 4 értéket szóközzel elválasztva felsorolhatjuk.

A felső belső margó szélességének megadása:

kijelölő
{
padding
:
érték
érték
érték
érték;
}



Példa:

Forráskód



<style>
    .div_1 { height:100%;  width: 100%;
             margin:0; padding:0;
             border:0 solid red;
             background-color:#33aacc;} 
                 
    .div_2 { height:80px;  width: 160px;
             margin:1px; 	
             border:1px solid red;
             background-color:yellow;

             padding:5px 10px 15px 20px;    
</style>     
….
<body>            
   <div class="div_2"> 
        <div class="div_1">
               5px 10px 15px 20px
        </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_belso_margo_2.html