HTML/CSS/CSS Attributes and Javascript Style Properties/margin top

Материал из Web эксперт
Перейти к: навигация, поиск

"margin-top" Example

   <source lang="html4strict">

<html> <head> </head> <body>

The following image has a top margin of 3mm.

<img src="http://www.wbex.ru/style/logo.png" 

    height="50" 
    width="50" 
    style="margin-top="3mm"">

</body> </html> 


     </source>


Margin with four directions

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>margin</title>
       <style rel="stylesheet" type="text/css">

body { 

   margin: 0;
   padding: 0;

} div { 

   width: 100px;
   height: 100px;
   background: mistyrose;
   border: 1px solid pink;

} div#topbottom-rightleft { 

   margin-top: 15px;
   margin-right: 5px;
   margin-bottom: 15px;
   margin-left: 5px;

} 

       </style>
   </head>
   <body>

   </body>

</html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/margin_top&oldid=4805»