HTML/CSS/Box Model/border spacing

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

border-spacing: 15px 0

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

table { 

   width: 100%;
   border: thin solid black;
   border-spacing: 15px 0;

} td { 

   border: thin solid black;

} th, tfoot td { 

   border: thin solid black;
   text-align: center;
   font-weight: bold;

} tbody td { 

   font-size: 120%;

} caption { 

   font-size: 90%;
   text-align: right;

} td, th, caption { 

   padding: 5px;

} 

       </style>
   </head>
   <body>
<colgroup> <col id="album" /> <col id="artist" /> <col id="released" /> </colgroup> <thead> </thead> <tbody> </tbody> <tfoot> </tfoot>
Table
a a r
R T 1
a a r 
   </body>

</html> 

</source>


border-spacing: 20px

   <source lang="html4strict">

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Example</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style rel="stylesheet" type="text/css"> table { 

 border-collapse: separate;
 border-spacing: 20px;

} td { 

 border: 1px solid black;

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

Cell one Cell two
Cell three Cell four

</body> </html> 

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