CSS-Au?enabstand (Margin)


CSS Tutorial  >  Au?enabstand

Wie wir bereits beim Box-Modell gesehen haben, ist der Au?enabstand der Platz au?erhalb des Rahmens und wird benutzt um den Abstand zwischen den verschiedenen Elementen zu bestimmen. Eine Box hat vier Seiten. Deswegen k?nnen wir Au?enabst?nde an 4 Seiten bestimmen:

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

    Es gibt eine fünfte Eigenschaft, margin, die als Kurzbezeichnung für die oben genannten Eigenschaften benutzt werden kann.

    Au?enabst?nde k?nnen auf 3 Wege festgelegt werden: L?nge, Prozentangabe, oder automatisch. Schauen wir uns ein Beispiel an:

    #container {
    margin-top:5px;
    margin-left:10%;
    margin-right:auto;
    margin-bottom:20px;
    border: 1px solid 000000;
    }

    Der folgende HTML-Code:

    <div id="container">
    Dies ist ein Beispiel für Au?enabst?nde
    </div>

    würde so aussehen:

    Dies ist ein Beispiel für Au?enabst?nde

    Beachten Sie, dass der Au?enabstand zwischen der Box und der oberen, linken und unteren Seite des hellgrünen Bereiches 5px, 10% und 20px ist.

    Au?enabstand-Kurzbezeichnungen

    Alle vier Au?enabst?nde k?nnen mit der margin-Eigenschaft über eine einzelne Zeile bestimmt werden. Der Syntax hierfür ist wiefolgt:

    margin: [margin-top] [margin-right] [margin-bottom] [margin-left]

    Die Reihenfolge ist hier sehr wichtig. Das erste Element ist immer der obere Au?enabstand, das zweite der rechte Au?enabstand, das dritte der untere Au?enabstand und das vierte ist der linke Au?enabstand.

    Folgende Seite: CSS Border




    Copyright © 2021   1keydata.com   Alle Rechte vorbehalten

  • 老湿机69福利区无码_老子影院午夜伦无码_开心亚洲五月丁香五月