Exemplu
Setați marginea inferioară a absolut poziționat <div> elementul 70px deasupra marginii inferioare a celui mai apropiat strămoș său poziționat:
div.absolute {
position: absolute;
bottom: 70px;
width: 200px;
height: 100px;
border: 3px solid #8AC007;
}
Încearcă - l singur » Definiție și utilizare
Pentru elementele absolut poziționate, proprietatea de jos setează marginea inferioară a unui element într-o unitate de deasupra / sub marginea de jos 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 jos setează marginea inferioară a unui element într-o unitate de mai sus / jos poziția sa normală.
Note: În cazul în care "position:static" , proprietatea de jos nu are nici un efect.
| Valoare implicită: | auto |
|---|---|
| Mostenit: | no |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS2 |
| sintaxa JavaScript: | object .style.bottom="10px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5 | 1.0 | 1.0 | 6 |
CSS Sintaxa
bottom: auto| Valori de proprietate Valoare Descriere Joaca-l auto Permite browser-ul calcula poziția marginea de jos. Acest lucru este implicit Joaca - l » length Setează poziția marginii de jos in px, cm etc. Valorile negative sunt permise Joaca - l » % Setează poziția marginii de jos în% 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: top property
Referință CSS: left property din left property
Referință CSS: right property de right property
HTML DOM referință: bottom property de bottom property