Heim > Artikel > Web-Frontend > Was bedeutet „oben“ in CSS?
Was bedeutet „oben“ in CSS?
- WBOYOriginal
- 2021-12-10 15:12:218852Durchsuche
Top bedeutet in CSS „oben“ und „Abstand von der Oberseite“. Das Top-Attribut wird zusammen mit dem Positionsattribut verwendet, um den Abstand von der Oberseite des positionierten Elements festzulegen. Das Top-Attribut kann den Versatz zwischen der oberen Randgrenze eines positionierten Elements und der oberen Grenze seines enthaltenden Blocks definieren. Das Top-Attribut funktioniert nur bei positionierten Elementen.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Was bedeutet „oben“ in CSS?
In CSS bedeutet „oben“ „oben“, und das Top-Attribut wird verwendet, um den Abstand des positionierten Elements von der Oberseite festzulegen. Das Attribut
top 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: Wenn der Wert des Attributs „Position“ „statisch“ ist, hat das Setzen des Attributs „oben“ keine Auswirkung.
Die Syntax lautet wie folgt:
position：absolute； //这个是必须的，top和left才能起作用 top: 10px; //距离顶部10像素，就是想下面移动10像素
Das Beispiel lautet wie folgt:
<html>
<head>
<style type="text/css">
img{
position:absolute;
top:30px;
}
</style>
</head>
<body>
<img src="1115.08.png" / alt="Was bedeutet „oben“ in CSS?" >
<h1>This is a heading</h1>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWas bedeutet „oben“ in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Welche benutzerdefinierten Regeln werden für CSS3-Animationen verwendet?
- Welche CSS-Regeln sind zum Definieren benutzerdefinierter Schriftarten erforderlich?
- So stellen Sie Hintergrundgrau und Transparenz in CSS3 ein
- So legen Sie einen kreisförmigen Kreis in CSS3 fest
- So ändern Sie den Rand einer Schaltfläche in CSS