Das CSS-Attribut „top“ gibt den oberen Rand des Elements an. Dieses Attribut definiert den Versatz zwischen der oberen Randgrenze eines positionierten Elements und der oberen Grenze seines enthaltenden Blocks.
Wie verwende ich das CSS-Top-Attribut?
Funktion: Das Top-Attribut gibt die Oberkante des Elements an. Diese Eigenschaft definiert den Versatz zwischen der oberen Randgrenze eines positionierten Elements und der oberen Grenze seines enthaltenden Blocks.
Hinweis:
Für statische Elemente ist es automatisch; für Längenwerte ist es die entsprechende absolute Länge; > Bei Prozentwerten ist es der angegebene Wert
andernfalls ist es automatisch.
Wenn für relative Definitionselemente beide Werte „oben“ und „unten“ automatisch sind, sind ihre berechneten Werte beide 0.
Wenn einer von ihnen automatisch ist, wird das Gegenteil des anderen Werts verwendet.
Wenn keiner der beiden Werte automatisch ist, nimmt der untere Wert das Gegenteil des oberen Werts an.
Hinweis:
Alle gängigen Browser unterstützen das Top-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.
Beispiel für die Verwendung des CSS-Top-Attributs
<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:5px;
}
</style>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Top-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So lösen Sie den Fehlerbericht
Welches OA-System ist besser?
Was soll ich tun, wenn sich die Maus nicht mehr bewegt?
Yiou-Handelssoftware herunterladen
Was ist der Unterschied zwischen einer Demomaschine und einer echten Maschine?
So verwenden Sie die datediff-Funktion
Automatisches Windows-Update
Gespeicherte MySQL-Prozedur löschen
