mozilla

Compare Revisions

top

Change Revisions

Revision 20270:

Revision 20270 by BijuGC on

Revision 20271:

Revision 20271 by DBaron on

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

Revision 20270
Revision 20271
t14      The <code>top</code> property of a box element is the calcut14      For relatively positioned elements, the {{template.Cssxref(
>lated {{template.Cssxref("position")}} its top edge will sit rela>"top")}} property specifies the vertical displacement from the no
>ting to either its bounding element(relative) top edge or its win>rmal position.
>dow top edge(absolute). With mozila.org browsers, when positionin 
>g a box element, there are distinct settings and requirements for 
> usage of the <b>measurement calibration units</b>. When a box is 
> positioned it can be given its measurement for <b>top</b> in pix 
>els (<b>px</b>) value {{mediawiki.external('Re &lt;b&gt;bottom&lt 
>;/b&gt;&nbsp;: &lt;length&gt; ')}}. However when a percentage (<b 
>>%</b>) is used, it requires to calibrate the sizing from a paren 
>t boxs' setting. Until the <b>body</b> in the CSS style or sheet  
>is set (for <b>width</b> and <b>height</b> of can be percentage e 
>.g. 100%) then the deeper box elements will not respond to a decl 
>ared <b>%</b> setting in any of <i>width,height,top or bottom</i> 
>.<br> 
15      Peculiarly, <i>margin</i> and its sub attributes(<i>e.g. ma15    </p>
>rgin-top</i>) will respond to <b>%</b> being set when no such cal 
>ibrational quantity has been given to the <i>body</i>. 
16    <p>
17      For absolutely positioned elements, the {{template.Cssxref(
 >"top")}} property specifies an offset from the edge of the elemen
 >t's containing block (what the element is positioned relative to)
 >. The margin of the element is then positioned inside these offse
 >ts.
18    </p>
19    <p>
20      See the {{template.Cssxref("position")}} property for more 
 >information about positioning.

Back to History