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

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

padding-top: 2px

   <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>padding</title>
       <style rel="stylesheet" type="text/css">

div { 

   float: left;
   background: gold;
   margin: 5px;
   width: 250px;

} div div { 

   float: none;
   background: white;
   border: none;
   font: 10px sans-serif;
   color: rgb(200, 200, 200);
   width: auto;

} div#properties { 

   padding-top: 2px;
   padding-right: 4px;
   padding-bottom: 6px;
   padding-left: 8px;

} 

       </style>
   </head>
   <body>

               Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
               Nulla bibendum eros sit amet lectus. Nunc eros massa,
               interdum ut, congue ut, scelerisque quis, tellus.

   </body>

</html> 

</source>


"padding-top" Example

   <source lang="html4strict">

<html> <body> 

           <img src="http://www.wbex.ru/style/logo.png" 
                height="50" 
                width="50" 
                border="1">

<button onclick="myTd.style.paddingTop=0">Set padding to 0</button> <button onclick="myTd.style.paddingTop=20">Set padding to 20</button> </body> </html> 


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