CSS bottomEigenschaft


Beispiel

Legen Sie den unteren Außenabstand des Bildes fest, 5px über dem unteren Rand des Elements:

img
{
position:absolute;
bottom:5px;
}

Selbst ausprobieren »

Eigenschaftsdefinition und Verwendungshinweise

Bei absolut positionierten Elementen legt die bottom-Eigenschaft den unteren Rand des Elements um einen bestimmten Betrag über/unter dem unteren Rand seines enthaltenden Elements fest.

Bei relativ positionierten Elementen legt die bottom-Eigenschaft den unteren Rand des Elements um einen bestimmten Betrag über/unter seiner normalen Position fest.

Hinweis:Wenn "position: static" gilt, hat die bottom-Eigenschaft keine Wirkung.

Beschreibung:Bei statischen Elementen ist der Wert auto; bei Längenwerten ist er die entsprechende absolute Länge; bei Prozentwerten ist er der angegebene Wert; andernfalls ist er auto. Bei relativ positionierten Elementen: Wenn sowohl bottom als auch top auto sind, sind ihre berechneten Werte beide 0; wenn eines von ihnen auto ist, nimmt es den negativen Wert des anderen an; wenn keines auto ist, nimmt bottom den negativen Wert von top an.

Standardwert: auto
Vererbung: nein
Version: CSS2
JavaScript-Syntax: object.style.bottom="50px"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Eigenschaft
bottom 1.0 5.0 1.0 1.0 6.0

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Der Browser berechnet die Position des unteren Rands.
% Legt die Position des unteren Rands als Prozentsatz des enthaltenden Elements fest. Negative Werte sind zulässig.
length Legt die Position des unteren Rands mithilfe von Einheiten wie px, cm fest. Negative Werte sind zulässig.
inherit Gibt an, dass der Wert der bottom-Eigenschaft vom übergeordneten Element geerbt werden soll.

Ähnliche Artikel

CSS-Tutorial:CSS-Positionierung

Weitere Erweiterungen