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