Heim > Web-Frontend > CSS-Tutorial > Wie lautet der Attributname zum Festlegen von Rändern in CSS?

Wie lautet der Attributname zum Festlegen von Rändern in CSS?

青灯夜游
Freigeben: 2023-01-03 09:25:17
Original
7681 Leute haben es durchsucht

Attributname: 1. Rand, legt alle Ränder des Elements fest; 2. Rand-unten, legt den unteren Rand des Elements fest; 3. Rand-links; legt den linken Rand des Elements fest; Legen Sie den Abstand auf der rechten Seite des Elements fest. 5. margin-top: Legen Sie den oberen Rand des Elements fest.

Wie lautet der Attributname zum Festlegen von Rändern in CSS?

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

css-Randeigenschaften

  • margin: Legen Sie alle Randeigenschaften in einer Anweisung fest.

  • margin-bottom: Legen Sie den unteren Rand des Elements fest.

  • margin-left: Legen Sie den linken äußeren Rand des Elements fest Elementabstand

  • margin-right: Legt den rechten Rand des Elements fest

  • margin-top: Legt den oberen Rand des Elements fest

css-Randattribut

margin-Abkürzungsattribut legt alle äußeren Ränder fest in einem Anweisungsdistanzattribut. Dieses Attribut kann 1 bis 4 Werte haben.

【Empfohlenes Tutorial: CSS-Video-Tutorial

Beispiel:

margin:10px 5px 15px 20px;
Nach dem Login kopieren
  • Der obere Rand beträgt 10 Pixel. Der rechte Rand beträgt 5 Pixel. Der untere Rand beträgt 15 Pixel

  • Die Linke Der Rand beträgt 20 Pixel.

    margin:10px 5px 15px;
    Nach dem Login kopieren
    . Der obere Rand beträgt 10 Pixel. Der rechte und linke Rand beträgt 5 Pixel. Der untere Rand beträgt 15 Pixel
  • Der obere und untere Rand beträgt 10 Pixel
  • Der rechte Rand und der linke Rand sind 5 Pixel groß.
  • margin:10px 5px;
    Nach dem Login kopieren
    Video! !

    Das obige ist der detaillierte Inhalt vonWie lautet der Attributname zum Festlegen von Rändern in CSS?. 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