Przykład
Ustaw górną krawędź absolutnej umieszczonej <div> elementu do 80px poniżej górnej krawędzi jego najbliższego umieszczonej przodka:
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
Spróbuj sam " Definicja i Wykorzystanie
Dla elementów pozycjonowanych absolutnie górna właściwość określa górną krawędź elementu do jednostki powyżej / poniżej górnej krawędzi jego najbliższego umieszczony przodka. Uwaga: W przypadku absolutny elementu pozycjonowanego ma umieszczone przodków, wykorzystuje ciało dokumentu, a porusza się wraz z przewijaniem strony. Uwaga: "positioned" elementem jest ten, którego pozycja jest coś oprócz statycznych.
Dla elementów pozycjonowanych relatywnie górna nieruchomość wyznacza górną krawędź elementu do jednostki powyżej / poniżej swojego normalnego położenia.
Note: Jeśli "position:static" , górna obiekt ma żadnego efektu.
| Domyślna wartość: | auto |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS2 |
| Składnia JavaScript: | object .style.top="100px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| top | 1,0 | 5,0 | 1,0 | 1,0 | 6,0 |
Składnia CSS
top: auto|length|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| auto | Pozwala przeglądarka obliczyć pozycję górną krawędź. Jest to domyślny | Graj " |
| length | Ustawia pozycję górną krawędź w px, cm itp Wartości ujemne są dozwolone | Graj " |
| % | Ustawia górną krawędź pozycję w% zawierający element. Wartości ujemne są dozwolone | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS pozycjonowania
Odniesienia CSS: bottom property
Odniesienia CSS: left property
Odniesienia CSS: right property
Odniesienia HTML DOM: top property