Physical properties
The bottom CSS property participates in setting the vertical position of a positioned element. This inset property has no effect on non-positioned elements.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
auto | 1 | 12 | 1 | 1 | 18 | 1 |
| Other | ||||||
| The left CSS property participates in specifying the horizontal position of a positioned element. This inset properties has no effect on non-positioned elements. | 1 | 12 | 1 | 1 | 18 | 1 |
| CSS property | ||||||
auto | 1 | 12 | 1 | 1 | 18 | 1 |
| Other | ||||||
| The right CSS property participates in specifying the horizontal position of a positioned element. This inset properties has no effect on non-positioned elements. | 1 | 12 | 1 | 1 | 18 | 1 |
| CSS property | ||||||
auto | 1 | 12 | 1 | 1 | 18 | 1 |
| Other | ||||||
| The top CSS property sets the vertical position of a positioned element. This inset properties has no effect on non-positioned elements. | 1 | 12 | 1 | 1 | 18 | 1 |
| CSS property | ||||||
auto | 1 | 12 | 1 | 1 | 18 | 1 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
CSS
.tooltip {
position: absolute;
top: 100%;
left: 50%;
}Live demo
Use cases
-
Using Physical properties
The bottom CSS property participates in setting the vertical position of a positioned element.
Cautions
- May not be supported in older browsers.
Accessibility
- Make sure visual changes are conveyed appropriately to assistive technology.