Zum Inhalt springen

Box-Model

max-width

#max-width Legt die maximale Breite fest, die das Element haben kann. default max-width: none; Das Element hat keine Begrenzung in Bezug auf die Breite. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at… 

display

#display Legt das Anzeigeverhalten des Elements fest. display: none; Das Element wird vollständig entfernt, als ob es gar nicht im HTML-Code enthalten wäre. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hello world Etiam semper diam at erat pulvinar,… 

margin-bottom

#margin-bottom Definiert den Raum außerhalb des Elements, an der unteren Seite. default margin-bottom: 0; Entfernt alle Ränder am unteren Rand. First item Target Third item margin-bottom: 30px; Sie können Pixel-Werte verwenden. First item Target Third item margin-bottom: 2em; Sie… 

box-shadow

#box-shadow Definiert den Schatten des Elements. default box-shadow: none; Entfernt jeden Box-Shadow, der auf das Element angewendet wurde. Hello world box-shadow: 2px 6px; Du brauchst mindestens zwei Werte: Der erste ist der horizontale Versatz Der zweite ist… 

box-sizing

#box-sizing Legt fest, wie die Breite und Höhe des Elements berechnet werden: ob sie den Padding und die Ränder einschließen oder nicht. default box-sizing: content-box; Die Breite und Höhe des Elements gelten nur für den Inhalt des… 

margin-right

#margin-right Definiert den Raum außerhalb des Elements, auf der rechten Seite. default margin-right: 0; Entfernt alle Ränder auf der rechten Seite. First item Target Third item margin-right: 50px; Sie können Pixel-Werte verwenden. First item Target Third item margin-right: 7em;… 

height

#height Bestimmt die Höhe des Elements. default height: auto; Das Element passt seine Höhe automatisch an, damit sein Inhalt korrekt angezeigt werden kann. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar… 

padding-right

#padding-right Definiert den Raum innerhalb des Elements, auf der rechten Seite. default padding-right: 0; Entfernt alle Auffüllungen auf der rechten Seite. First item Target Third item padding-right: 50px; Sie können Pixel-Werte verwenden. First item Target Third item padding-right: 7em;… 

padding

#padding Kurzschreibweise für padding-top padding-right padding-bottom und padding-left. default padding: 0; Entfernt alle Auffüllungen.     Target     padding: 30px; Wenn der Wert 1 verwendet wird, wird die Auffüllung für alle 4 Seiten eingestellt.     Target  …