CSS top

• CSS Positioning
• CSS 'position'
• CSS 'bottom'
• CSS 'left'
• CSS 'right'
• CSS 'float'
• All CSS Properties

Also see the full, alphabetical list of CSS properties

The CSS top property is used in positioning an element. The top property allows you to specify how far the element is offset from the top of its containing block (for absolute positioning), or from the top of where the element itself would normally have been (for relative positioning).

The 'top' property is used in conjunction with the position property, as well as the bottom, left, and right properties.

Syntax:	top: <value>
Possible Values:	<length> (i.e. 20px) <percentage> (i.e. 20%) auto inherit
Initial Value:	Auto
Applies to:	Positioned elements.
Inherited:	No
Media:	Visual
Example:	`div { position: relative; top: 20px; }`
Try it yourself!	<style type="text/css"> div { width: 200px; height: 100px; border:1px solid #ff9900; position: relative; top: 20px; } </style> <div class="inner">This ''div'' is positioned using the CSS top property. Try changing the values to see the effect it has on the position of the div.</div>

CSS Tutorial

CSS Codes

CSS Examples

CSS Reference

CSS top

Related:

Also see the full, alphabetical list of CSS properties

Also see all CSS properties listed alphabetically

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING