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;

}

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