CSS top Property

Complete CSS Reference

Definition

The top property specifies the top edge of an element.

Note: If the "position" property has a value of "static", the "top" property has no effect. 

Inherited: No

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.top="100px"

In our HTML DOM tutorial you can find more details about the top property.

In our HTML DOM tutorial you can also find a full Style Object Reference.

Example

Possible Values

Try-It-Yourself Demos

Set the top edge of an image using a pixel value
This example demonstrates how to set the top edge of an element using a pixel value.

Set the top edge of an image using a percent value
This example demonstrates how to set the top edge of an element using a percent value.

Z-index
Z-index can be used to place an element "behind" another element.

Z-index
The elements in the example above have now changed their Z-index.

Complete CSS Reference

Add automated outbound phone calls to your application!

Enhance your project with this inexpensive reliable Web Service. Phone calls can be sent as pre-recorded sound files, text to speech, or by using a combination of both. You can also change call flow based on interaction. Phone Notify! is being utilized for fraud prevention, emergency notification calls, courtesy calls, automated telemarketing calls, voice broadcasts, automated dialers, appointment reminders and more. 50 FREE phone calls for W3School users >

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999