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öschen Sie leere Seiten in Word, ohne dass sich dies auf andere Formate auswirkt
Dauerhaft kostenloses OA-System
Was ist die normale Temperatur eines Laptops?
So messen Sie die Internetgeschwindigkeit am Computer
Was ist der Unterschied zwischen Golang und Python?
Einführung in die Verwendung des gesamten VBS-Codes
So lesen Sie Excel-Daten in HTML
So kaufen und verkaufen Sie Bitcoin auf der Ouyi-Plattform
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
