Example
right: 50px;
top
The top CSS prope rty is used with positioned elements to specify part of their posi-
tion. The property has no effect on elements that are not positioned (i.e., have their
position property set to static).
If this pro perty is used on an element whose position pr operty is set to absolute
or fixe d, then it sets the position of the top margin edge of the element relative to the
top edge of its containing block.
If the positio n property is set to relative, then the eleme nt is simply moved below
its no rmal position.
Values
Negative or positive <length> or <pe rcentage> values can be u sed. Positive values
move the element down and negative up. If perce ntages are specified, they are relative
to the height of the containing block.
auto
Default Value
auto
Example
top: 10%;
visibility
The visibility CSS property specifies whether or not an element is visible . Un-
like the non e value of the display CSS property, this property does not remove the
element from the page, i.e., the element still takes up space on the page even if it
is made invisible. T his property is most often used with the display property set to
absolute. Because just hiding an element isn’t very useful, you can make the element
visible at any time with some JavaScript programming or the :hover pseudo-class.
Values
visible, hidden
Default Value
visible
366 CSS Reference
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.