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

Материал из Web эксперт
Версия от 08:15, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

padding-top: 2px

 

<!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>
        <div id="properties">
            <div>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                Nulla bibendum eros sit amet lectus. Nunc eros massa,
                interdum ut, congue ut, scelerisque quis, tellus.
            </div>
        </div>
    </body>
</html>



"padding-top" Example

    
<html>
<body>
<table>
    <tr>
        <td id="myTd">
            <img src="http://www.wbex.ru/style/logo.png" 
                 height="50" 
                 width="50" 
                 border="1">
        </td>
    </tr>
</table>
<button onclick="myTd.style.paddingTop=0">Set padding to 0</button>
<button onclick="myTd.style.paddingTop=20">Set padding to 20</button>
</body>
</html>