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