Beispiel
Ändern Sie die Position eines <div> Element aus relativ zum absoluten:
document.getElementById("myDIV").style.position = "absolute";
Versuch es selber " Definition und Verwendung
Die Position Eigenschaftssätze oder gibt den Typ des Positionierungsverfahren für ein Element verwendet wird (static, relative, absolute or fixed) .
Browser-Unterstützung
Die Position Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die Eigenschaft position:
object .style.position
Stellen Sie die Eigenschaft position:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| static | Elemente machen, um, wie sie im Belegfluss angezeigt. Dies ist die Standardeinstellung. |
| absolute | Das Element ist relativ zu seinem ersten positioniert (not static) Vorfahr Element |
| fixed | Das Element wird relativ positioniert Browserfenster |
| relative | Das Element ist im Verhältnis zu seiner normalen Position positioniert ist , so "left:20" fügt 20 Pixel in die linke Position des Elements |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | statisch |
|---|---|
| Rückgabewert: | Ein String, die die Art der Position eines Elements |
| CSS Version | CSS2 |
Mehr Beispiele
Beispiel
Die Verwendung unterschiedlicher Position Typen:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Versuch es selber " Beispiel
Gibt die Position eines <h2> Element:
alert(document.getElementById("myH2").style.position); Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Positioning
CSS - Referenz: position property
<Style - Objekt