Compare Revisions

top

Change Revisions

Revision 20269:

Revision 20269 by BijuGC on

Revision 20270:

Revision 20270 by BijuGC on

Title:
top
top
Slug:
CSS/top
CSS/top
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 20269
Revision 20270
n14      The <b>top</b> property of a box element is the calculated n14      The <code>top</code> property of a box element is the calcu
><i>position</i> its top edge will sit relating to either its boun>lated {{template.Cssxref("position")}} its top edge will sit rela
>ding element(relative) top edge or its window top edge(absolute).>ting to either its bounding element(relative) top edge or its win
> With mozila.org browsers, when positioning a box element, there >dow top edge(absolute). With mozila.org browsers, when positionin
>are distinct settings and requirements for usage of the <b>measur>g a box element, there are distinct settings and requirements for
>ement calibrational units</b>. When a box is positioned it can be> usage of the <b>measurement calibration units</b>. When a box is
> given its measurement for <b>top</b> in pixels (<b>px</b>) value> positioned it can be given its measurement for <b>top</b> in pix
> {{mediawiki.external('Re &lt;b&gt;bottom&lt;/b&gt;&nbsp;: &lt;le>els (<b>px</b>) value {{mediawiki.external('Re &lt;b&gt;bottom&lt
>ngth&gt; ')}}. However when a percentage (<b>%</b>) is used, it r>;/b&gt;&nbsp;: &lt;length&gt; ')}}. However when a percentage (<b
>equires to calibrate the sizing from a parent boxs' setting. Unti>>%</b>) is used, it requires to calibrate the sizing from a paren
>l the <b>body</b> in the CSS style or sheet is set (for <b>width<>t boxs' setting. Until the <b>body</b> in the CSS style or sheet 
>/b> and <b>height</b> of can be percentage e.g. 100%) then the de>is set (for <b>width</b> and <b>height</b> of can be percentage e
>eper box elements will not respond to a declared <b>%</b> setting>.g. 100%) then the deeper box elements will not respond to a decl
> in any of <i>width,height,top or bottom</i>.<br>>ared <b>%</b> setting in any of <i>width,height,top or bottom</i>
 >.<br>
n35   bottom: &lt;length&gt; | &lt;percentage&gt; | auto | inheritn35   top: &lt;length&gt; | &lt;percentage&gt; | auto | inherit
tt98    <p>
99      <code>top</code> is the more relevant property than bottom 
 >because the browser window default is to valign to the top. With 
 >some position property settings the top property is irrelevant. T
 >op and bottom settings can be used by DHTML for more than simply 
 >the div element.
100    </p>

Back to History