Exemplu
Setați marginea de sus a poziționat absolut <div> elementul 80px sub marginea de sus a celui mai apropiat strămoș său poziționat:
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
Încearcă - l singur » Definiție și utilizare
Pentru elementele absolut poziționate, proprietatea de sus setează marginea superioară a unui element la o unitate de deasupra / sub marginea superioară a celui mai apropiat strămoș său clasată. Notă: În cazul în care un element absolut Poziționat nu are strămoși poziționate, folosește corpul documentului, și se mută împreună cu pagina de defilare. Notă: Un "positioned" element este unul a cărui poziție este nimic altceva decât statică.
Pentru elementele relativ poziționate, proprietatea de sus setează marginea superioară a unui element într-o unitate de mai sus / jos poziția sa normală.
Note: În cazul în care "position:static" , proprietatea de sus nu are nici un efect.
| Valoare implicită: | auto |
|---|---|
| Mostenit: | no |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS2 |
| sintaxa JavaScript: | object .style.top="100px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5 | 1.0 | 1.0 | 6 |
CSS Sintaxa
top: auto| Valori de proprietate Valoare Descriere Joaca-l auto Permite browser-ul calcula poziția marginea de sus. Acest lucru este implicit Joaca - l » length Setează poziția marginea superioară px, cm etc. Valorile negative sunt permise Joaca - l » % Setează poziția marginea superioară% din conținut de element. Valorile negative sunt permise Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: Poziționarea CSS
Referință CSS: bottom property de bottom property
Referință CSS: left property din left property
Referință CSS: right property de right property
HTML DOM de referință: top property