HTML/CSS/CSS Attributes and Javascript Style Properties/margin left — различия между версиями

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

Версия 12:20, 26 мая 2010

margin-left: 10px

   <source lang="html4strict">

<?xml version="1.0" encoding="iso-8859-1"?> <!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"> <head> <title>A demonstration of the margin property</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style rel="stylesheet" type="text/css"> p { 

 margin-top: 40px;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #000000;

} strong { 

 margin-left: 40px;
 margin-right: 10px;
 background-color: #d6d6d6;

} </style> </head> <body>

Lorem ipsum dolor sit amet, consectetuer A elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer A elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer A elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</body> </html> 

</source>


margin-left: 25%

   <source lang="html4strict">

<html> <head> <title>Percentages Demo</title> <style type="text/css"> p {text-indent: -5%; 

          margin-left: 25%;
          margin-right: 15%;
          font-size: 150%;

</style> </head> <body>

This paragraph"s font and margins have been set with percentages. The indent was set with a negative percentage.

</body> </html> 

</source>


margin-left: auto

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

  <html>
       <head>
           <title></title>
           <style type="text/css">
       p {
           padding: 2em;
           margin: 2em;
           border: thin solid black;
           width: 10em;
           margin-left: auto;
       }
           </style>
       </head>
       <body>

P
P
P
P
P
P
P
P
P
P
P
P
P
P
P
P
P
P
P
P

       </body>
   </html>
</source>


"margin-left" Example

   <source lang="html4strict">

<html> <body>

The following image has a left margin of 3mm.

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

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

</body> </html> 


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