HTML CSS Reference/CSS Attributes and Javascript Style Properties/bottom

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

"bottom" Example

    
<html><head>
<style>
#secL { 
   position:absolute; 
}
.style1 { 
   bottom:100px!important; 
}
.style2 { 
   bottom:auto!important; 
}
</style>
</head>
<body>
<img id="myL" 
     src="http://www.wbex.ru/style/logo.png" 
     width="79" 
     height="99"
     onClick="this.className="style2";return false"
     onMouseOver="this.className="style1"" 
     style="position:absolute; 
            cursor:hand; 
            z-index=5">
Move mouse here and click
</body>
</html>



"bottom" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <address>                     |
|                |<applet>                        <b>                           |
|                |<big>                           <blockquote>                  |
|                |<button>                        <center>                      |
|                |<cite>                          <code>                        |
|                |currentStyle                    <custom>                      |
|                |<dd>                            defaults                      |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<fieldset>                      <font>                        |
|                |<form>                          <hn>                          |
|                |<hr>                            <i>                           |
|                |<iframe>                        <img>                         |
|                |<inputtype="button">            <input type="checkbox">       |
|                |<input type="file">             <input type="image">          |
|                |<input type="password">         <input type="radio">          |
|                |<input type="reset">            <inputtype="submit">          |
|                |<input type="text">             <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<listing>                       <marquee>                     |
|                |<menu>                          <object>                      |
|                |<ol>                            <p>                           |
|                |<pre>                           runtimeStyle                  |
|                |<s>                             <samp>                        |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        style                         |
|                |<sub>                           <sup>                         |
|                |<table>                         <textarea>                    |
|                |<tt>                            <u>                           |
|                |<ul>                            <var>                         |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+



"bottom" Possible Values

Possible Values
auto           The default; regular positioning is used
length         A floating-point number followed by a unit designator
percentage     An integer followed by a percent sign,a position relative to the height.



"bottom" Syntax and Note

Note:
Defines the element bottom position relative to the bottom edge of the next element.
Syntax:
    
element { bottom: value }
elementID.style.bottom = "value"
document.all.elementID.style.bottom = "value" // IE only