Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeutet „Margin-Top' in HTML?

Was bedeutet „Margin-Top' in HTML?

青灯夜游
Freigeben: 2023-01-03 09:24:18
Original
9979 Leute haben es durchsucht

Margin-top bedeutet in HTML „oberer Rand“ und ist ein CSS-Attribut, das zum Festlegen des oberen Randes eines Elements verwendet wird; sein Syntaxformat ist „margin-top:auto|length|%;“, was negative Einstellungen zulässt Wert festlegen.

Was bedeutet „Margin-Top' in HTML?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Was bedeutet „Margin-Top in HTML?

CSS-Margin-Top-Eigenschaft

Margin-Top-Eigenschaft legt den oberen Rand eines Elements fest.

Hinweis: Negative Werte sind zulässig.

Syntax:

margin-top:auto|length|%|inherit;
Nach dem Login kopieren

Attributwert:

  • auto: Der vom Browser festgelegte obere Rand.

  • Länge: Definieren Sie einen festen oberen Rand. Der Standardwert ist 0.

  • %: Definiert den oberen Rand als Prozentsatz basierend auf der Gesamtbreite des übergeordneten Objekts.

  • inherit: Gibt an, dass der obere Rand vom übergeordneten Element geerbt werden soll.

[Empfohlene Tutorials: CSS-Video-Tutorial, „HTML-Video-Tutorial“]

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.ex1 {margin-top:2cm;}
</style>
</head>

<body>

<p>一个没有指定边距大小的段落。</p>
<p class="ex1">一个2厘米上边距的段落。</p>
<p>一个没有指定边距大小的段落。</p>

</body>
</html>
Nach dem Login kopieren

Rendering:

Was bedeutet „Margin-Top in HTML?

Weitere Programmierkenntnisse finden Sie unter: Programmierung Video ! !

Das obige ist der detaillierte Inhalt vonWas bedeutet „Margin-Top' in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage