English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die bottom CSS-Eigenschaft legt den Abstand des positionierten Elements zur unteren Kante des Referenzrahmens oder des Browserfensters fest.
Fürabsolut positioniertElemente, bei denen die bottom-Eigenschaft den Abstand der unteren Kante des Rahmens des Elements über der unteren Kante des En苞kblocks angibt.
Fürrelativ positioniertElemente, für die die bottom-Eigenschaft den Verschiebungsmaßstab der unteren Kante des Rahmens relativ zur unteren Kante des Rahmens selbst angibt (d.h., der Rahmen wird im normalen Fluss an einer Position gegeben und dann basierend auf diesen Attributen von dieser Position verschoben).
Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Geeignet für: | positionierte Elemente |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animationsattribute。 |
| Version: | CSS 2、3 |
| JavaScript-Syntax: | object.style.bottom="50px" |
Die Syntax dieses Attributes ist wie folgt:
bottom: length | percentage | auto | initial | inherit
Der folgende Beispiel zeigt, wie die bottom-Eigenschaft verwendet wird.
p {
position: absolute;
bottom: 150px;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Geben Sie den Verschiebungsmaßstab als Längenwert in px, pt, cm, em usw. an. Negative Längenwerte sind erlaubt. |
| percentage | Geben Sie den Prozentsatz der Verschiebung an. Der Prozentsatz wird相对于元素包含块的高度 berechnet. Negative Prozentsatzwerte sind erlaubt. |
| auto | Der Browser berechnet die Position des unteren Randes. Dies ist der Standardwert. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der Wert der Eigenschaft bottom des übergeordneten Elements verwendet. |
Kompatibilität der Browser für die bottom-Eigenschaft; die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS-Position (position)，CSS-Ebenen。
zusammenhängende Eigenschaften：position，top，right，left，z-index。