English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
margin-Die top CSS-Eigenschaft setzt die obere Ränder des Elements. Allerdings wird in vielen Fällen wiemarginDiese Abkürzung der CSS-Eigenschaft ist bequemer und angemessener zu verwenden.
Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert: | 0 |
|---|---|
| Geeignet für: | Alle Elemente, aber table displayTyp (table-caption table inline-table)außer für Elemente. 。Es gilt auch für ::first-letter。 |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animationsattribute。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object.style.marginTop="20px" |
Die Syntax dieses Attributes ist wie folgt:
margin-top: length | percentage | auto | initial | inherit
Die folgenden Beispiele zeigen, wie margin verwendet wird-top-Eigenschaft.
h1 {
margin-top: 25px;
}
p {
margin-top: 50px;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| length | Größenwert, der in px, pt, cm, em usw. angegeben wird. Negative Werte sind erlaubt. |
| percentage | Prozent. Berechnet als Prozentsatz der Breite des Envelops des Elements. |
| auto | Der Browser berechnet die Ränder des angegebenen Elements. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der margin des übergeordneten Elements für das verknüpfte Element verwendet-top-Wert des Eigenschaftswerts. |
margin-Kompatibilität des top-Eigenschaftswerts des Browsers, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diesen Wert.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Margin，CSS Box-Modell。
Verwandte Eigenschaften:margin，margin-right，margin-bottom，margin-left。