Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
IMCreator - Free Website Builder

CSS top

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!


Also see all CSS properties listed alphabetically


Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!