asp.net.ph

Skip Navigation Links

CSS Positioning Properties

Abakada ~ Back to Basics   CSS Properties


Property Description Valid Values
bottom Sets the bottom position of an object. length | percentage | auto
clip Sets which part of a positioned object is visible. auto | rect ( top | right | bottom | left )
display Sets whether an object is rendered. display-outside | display-inside | display-listitem | display-internal | display-box | display-legacy
height Sets the height of an object. length | percentage | auto
left Sets the left position of an object. length | percentage | auto
overflow Sets the desired behavior when content does not fit in the element’s containing box visible | hidden | scroll | auto
overflow-x Sets the desired behavior when content does not fit in the left and right edges of its containing box visible | hidden | scroll | auto
overflow-y Sets the desired behavior when content does not fit in the top and bottom edges of its containing box visible | hidden | scroll | auto
position Sets how an element is positioned in a document absolute | fixed | relative | static | sticky
right Sets the right position of an object. length | percentage | auto
rotate Changes rotation of an element. angle | axis angle | x y z angle
scale Changes the size of an element. x-axis [ y-axis z-axis ]
top Sets the top position of an object. length | percentage | auto
translate Changes the position of an element. x-axis [ y-axis z-axis ]
visibility auto | integer visible | hidden | inherit
width Sets the width of an object. length | percentage | auto
z-index Sets the stacking order of positioned objects. auto | order
See Also

Using StyleSheets   W3C Cascading Style Sheet Specification   W3C HTML 4.01 Specification



© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note